Curriculum
Course: Sass Tutorial
Login
Text lesson

Sass Tutorial

Sass functions as a pre-processor for CSS.

Sass minimizes CSS repetition, leading to time savings.

Examples in Each Chapter

Our “Show Sass” tool simplifies learning Sass by displaying both the code and its corresponding result simultaneously.

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