Sass

Sass is a CSS pre-processor.Sass reduces repetition of CSS and therefore saves time.Start learning Sass now »

Examples in Each Chapter

Our "Show Sass" tool makes it easy to learn Sass, it shows both the code and the result.

Sass 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;
}

Run Example »

Sass Function References

At w3resource you will find complete references of all Sass functions with syntax and examples.