Simple Color Management with Sass

Use Sass' lighten() and darken() functions for simple color management.

$main-color:         #FF0033;
$main-color-light:   lighten($main-color, 10%);
$main-color-lighter: lighten($main-color, 20%);
$main-color-dark:    darken($main-color, 10%);
$main-color-darker:  darken($main-color, 20%);

• jsFiddle Snippet