Sassy Colors

Sass makes managing colors in your web site much easier. Sass variables provide a simple way to assign a label to a hex value, so you never have to remember the hex value again.

For example:

$red: #962d3e;

body {
   color: $red;
}

 

Alternatively, Sass maps also work really well.

For example:

$colors: (
   red: #962d3e,
   blue: #343642
)

body {
   color: map-get($colors, red);
}

footer {
   color: map-get($colors, blue);
}