Are you first timer at lazacode.org? Why not join us and start exchange your programming knowledge with everyone. Register today!

SASS: darken & lighten color

0 votes
16 views
added Aug 15, 2017 in SCSS by birdygeek Sergeant (2,060 points)
darken( $base-color, 10% ) 
lighten( $base-color, 10% )

1 Response

0 votes
responded Jul 18 by LC Marshal Lieutenant (13,850 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.
...