Queste due funzioni di SASS servono a modificare la luminosità di un colore CSS.
La sintassi delle funzioni darken() e lighten() è la seguente:
darken(colore, percentuale);
lighten(colore, percentuale);
La percentuale indica di quanto il colore dovrà essere reso più scuro o più chiaro. Il valore risultante verrà espresso nella notazione di riferimento.
Ad esempio, data la seguente variabile:
$main-text-color: #000;
Possiamo avere:
@import 'variables';
del {
color: lighten($main-text-color, 50%);
}
In questo caso il valore della variabile risulterà di fatto aumentato del 50% in luminosità.