SASS: darken & lighten color

0 votes
429 views
added Aug 15, 2017 in SCSS by anonymous
darken( $base-color, 10% ) 
lighten( $base-color, 10% )

1 Response

0 votes
responded Jul 18, 2018 by LC Marshal Captain (25,790 points)
/*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%));

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...