Sass Tutorial

Sass is a CSS preprocessor.

Sass reduces the repetition of CSS, thus saving time.

Examples are provided in each section

Sass Examples

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

Sass Functions Reference Manual

On CodeW3C.com, you will find a complete reference to all Sass functions, including syntax and examples.

Sass String Functions

Sass Numeric Functions

Sass List Functions

Sass Map Functions

Sass Selector Functions

Sass Reflection Functions

Sass Color Functions