CSS Preprocessing

Variables

$color: #000088;

Functions

@function awesome-shade($color) {

  @return desaturate(lighten($var, 20%), 5%);

}

Mixins

@mixin awesome-color {

  color: awesome-shade($color);

}