Sass is for Superman – Example 1: Variables and color functions

styles.scss

/**
 * @file
 * Sass is for Superman - Example 1: Variables and color functions
 */

$blue: rgb(0, 121, 178);  /* Create a variable. */

.example {
  color: $blue; /* Use a variable */
}

$blue      : rgba(#0079b2, 0.5);
$dark-blue : darken(blue, 10%);

.example-2 {
  color: $dark-blue;
  background-color: $blue;
}