/*darken & lighten */
darken( $base-color, 10% )
lighten( $base-color, 10% )
/*saturate */
saturate( $base-color, 20% )
desaturate( $base-color, 20% )
/*hue adjustment */
adjust-hue( $base-color, 20% )
/*opacity*/
background-color: rgba( #000, .7 );
/*tint & shade */
tint( $base-color, 10% )
shade( $base-color, 10% )
/*adjust-color, scale-color, change-color.*/
border: 1px solid darken($base-color, 20%);
text-shadow: 0 -1px 0 darken($base-color, 10%);
@include box-shadow(inset 0 1px 0 lighten($base-color, 20%));