hlfcoding/hlf-css

//
// Grayscale Colors
// ================

@function light($alpha) {
  @return transparentize(#fff, 1 - $alpha);
}

@function shade($alpha) {
  @return transparentize(#000, 1 - $alpha);
}

$hx: 16;

// @deprecated Use light() instead.
$w-f: rgba(#fff, 1.0);
$w-9: rgba(#fff, .9);
$w-8: rgba(#fff, .8);
$w-7: rgba(#fff, .7);
$w-6: rgba(#fff, .6);
$w-5: rgba(#fff, .5);
$w-4: rgba(#fff, .4);
$w-3: rgba(#fff, .3);
$w-2: rgba(#fff, .2);
$w-1: rgba(#fff, .1);

// @deprecated Use shade() instead.
$b-f: rgba(#000, 1.0);
$b-9: rgba(#000, .9);
$b-8: rgba(#000, .8);
$b-7: rgba(#000, .7);
$b-6: rgba(#000, .6);
$b-5: rgba(#000, .5);
$b-4: rgba(#000, .4);
$b-3: rgba(#000, .3);
$b-2: rgba(#000, .2);
$b-1: rgba(#000, .1);

// @deprecated Use transparent.
$clear: rgba(#000, 0);