SASS: Drupal can handle complex projects

If you are focused on complex projects, SASS is your smart helpmate. SASS is CSS pre-processor and CSS development is much faster, compact and sophisticated.

Among of its main functions are:

1. Variables- if you want to change colour of 15 components, you don't have to search for 15 CSS selectors, you simply rewrite the value of a variable.

2. Nesting- Do you do dislike endless selectors, which mostly contain the selector of element's parent? Use nesting.

3. Partials- create CSS partials which you can insert into other files. That is how you ensure modularity and structure.

4. Operators - they allow you to set up mathematical expressions into the CSS values.

5. Mixins- you surely know the CSS3 expressions which are different for every browser. This function integrates them into one writing – for example:

6. @mixin border-radius($radius) {
     -webkit-border-radius: $radius;
        -moz-border-radius: $radius;
         -ms-border-radius: $radius;
             border-radius: $radius;
   }
   .box { @include border-radius(10px); }

7.  

EXTEND/INHERIT- enables to define basic set-up of the element.