xxxxxxxxxx
lighten($color, $amount)
//Makes a color
lighter.darken($color, $amount)
//Makes a color darker.
xxxxxxxxxx
$btn-bkg: purple;
.btn {
display: inline-block;
padding: 18px;
background: $btn-bkg;
color: white;
&:hover {
background: darken($btn-bkg, 10%)
}
}
xxxxxxxxxx
$linkcolour: #0000FF;
a {
color: $linkcolour;
}
a.lighter {
color: lighten($linkcolour, 50%);
}
xxxxxxxxxx
saturate($color, $amount)
//Makes a color more
saturated.desaturate($color, $amount)
//Makes a color less saturated.