Learn Sass
Sass is a CSS pre-processor.
Sass reduces repetition of CSS and therefore saves time.
Examples in Each Chapter
The "Show Sass" tool makes it easy to learn Sass, it shows both the code and the result.
Sass Example
css
/* 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;
}
Sass Function References
You can find complete references of all Sass functions with syntax and examples.
- String Functions
- Numeric Functions
- List Functions
- Map Functions
- Selector Functions
- Introspection Functions
- Color Functions