Skip to main content

SASS

Sass stands for Systematically Awesome Style Sheets. It is a CSS pre-processor. It is an extension of CSS that is used to add power and elegance to the basic language. It facilitates you to add variables, nested rules, mixins, inline imports, inheritance and more, all with fully CSS-compatible syntax.More..

History:
Sass was initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein have continued to extend Sass with SassScript, a scripting language used in Sass files.

Hampton Catlin


Example:

        /* Define standard variables and values for website */
    $bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;
    /* Use the variables */
    body {
    background-color: $bgcolor;
    color: $textcolor;
    font-size: $fontsize;
    }