Usando MENO, so che posso cambiare la saturazione o la tinta di una variabile di colore. Sembra così:
background: lighten(@blue, 20%);Voglio cambiare l'opacità alfa del mio colore, però. Preferibilmente in questo modo:
background: alpha(@blue, 20%);C'è un modo semplice per farlo in MENO?
Risposte:
La documentazione del sito fornisce la risposta:
background: fade(@blue, 20%);Il nome della funzione fadenon è alphaconforme a quel documento.
fade()non funziona con CSS vars - cioèfade(var(--mycolor), 20%)
dissolvenza
Imposta la trasparenza assoluta di un colore. Può essere applicato ai colori indipendentemente dal fatto che abbiano o meno un valore di opacità.
background: fade(@blue, 20%);fadein
Riduci la trasparenza (o aumenta l'opacità) di un colore, rendendolo più opaco.
background: fadein(@blue, 80%);dissolvenza
Aumenta la trasparenza (o diminuisci l'opacità) di un colore, rendendolo meno opaco. Per sbiadire nella direzione opposta usare fadein.
background: fadeout(@blue, 20%);