SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    What is this SASS codes mean?

    Hi guys,

    What does the codes below mean?, specially the SASS?
    Code:
    @media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Sites\/CompositeC1\/Frontend\/saddleback\.com\/scss\/basic\.scss}line{font-family:\00003117}}
    input {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
    }
    I have not studied SASS yet.

    Thanks in advanced.
    Quality codes are optimized and tested...
    Click here for inspiration..

  2. #2
    SitePoint Addict
    Join Date
    Aug 2013
    Location
    New Zealand
    Posts
    307
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    I hadn't heard of it before but I found this article on it:

    http://sass-lang.com/documentation/f...REFERENCE.html

    It appears to be dynamically created css files using another special language "SASS" someone invented for the purpose. Not sure how I feel about that. Interesting concept but I wonder what problems it solves or does it just create new ones? I wonder.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Sass is one of several popular CSS 'preprocessors'. It allows you to write variables in CSS, along with all kinds of other bits like 'mixins' and what not. Basically, it brings programming to CSS, which is very handy if you are doing CSS on a large scale. The Sass code gets compiled to standard CSS once you are ready to put it to use.

  4. #4
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @ralph.m ;

    Thanks dude, but what does this codes below mean?
    Code:
    @media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Sites\/CompositeC1\/Frontend\/saddleback\.com\/scss\/basic\.scss}line{font-family:\00003117}}
    Thanks in advance.
    Quality codes are optimized and tested...
    Click here for inspiration..

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,526
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I don;t know anything about the workins of Sass I'm afraid but that seems to be debugging information as mentioned in point 4 in this article.

  6. #6
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,889
    Mentioned
    74 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Kiwiheretic View Post

    It appears to be dynamically created css files using another special language "SASS" someone invented for the purpose.
    Not sure how I feel about that. Interesting concept but I wonder what problems it solves or does it just create new ones? I wonder.
    Off Topic:



    Have you tried writing CSS files using PHP? It is also very flexible. When Firefox browser source code is viewed only CSS script is shown.
    PHP Code:
    <?php 
       
    // require '_MY_THEME.php';

      
    header("Content-type: text/css;charset:UTF-8");

      
    #  colour scheme
         
    $bg1  =' f00';
         
    $bg2 '00f';
    ?>

    body          {background-color:#<?=$bg1;?>; }       
    #content    {background-color:#<?=$bg2;?>; }
    HTML Code:
    <?php $fCSS = 1 ? 'stylesheet.php' :  'stylesheet.css';?>
    
    <meta http-equiv="default-style" content="<?=$fCSS;?>" />
    Last edited by John_Betong; Dec 7, 2013 at 07:47. Reason: added #content
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Wolfshade on earning Member of the Month for August 2014


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •