Zmodyfikuj krycie alfa zmiennej LESS

171

Używając MNIEJ, wiem, że mogę zmienić nasycenie lub odcień zmiennej koloru. To wygląda tak:

background: lighten(@blue, 20%);

Chcę jednak zmienić krycie alfa mojego koloru. Najlepiej w ten sposób:

background: alpha(@blue, 20%);

Czy istnieje prosty sposób na zrobienie tego w MNIEJ?

css variables less opacity alpha ben
źródło

Odpowiedzi:

303

Dokumentacja witryny daje odpowiedź:

background: fade(@blue, 20%);

Nazwa funkcji fadenie jest alphazgodna z tym dokumentem.

ScottS
źródło
Dzięki! Miałem dość konwertowania wszystkiego na RGBA!
BillyNair
Szukałem ciemniejszego i rozjaśnionego ... Doktorki mnie tam doprowadziły. Dzięki
1
Zgadzam się, że „fade” nie wydaje mi się trafne. Sass robi to dobrze: alpha (), opacity () i rgba ().
Rich Finelli
2
Dla fade()fade(var(--mycolor), 20%)
przypomnienia
26

Dla pełności

blaknąć

Ustaw absolutną przezroczystość koloru. Można zastosować do kolorów, niezależnie od tego, czy mają już wartość krycia, czy nie.

background: fade(@blue, 20%);

zanikanie

Zmniejsz przezroczystość (lub zwiększ krycie) koloru, czyniąc go bardziej nieprzezroczystym.

background: fadein(@blue, 80%);

zanikanie

Zwiększ przezroczystość (lub zmniejsz krycie) koloru, czyniąc go mniej kryjącym. Aby zaniknąć w innym kierunku, użyj fadein.

background: fadeout(@blue, 20%);

Wyświetl pełną dokumentację

Adrian Enriquez
źródło
1
Fadeout jest dokładnie tym, czego szukałem, dziękuję!
maxime1992