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

Zgadzam się, że „fade” nie wydaje mi się trafne. Sass robi to dobrze: alpha (), opacity () i rgba ().

— Rich Finelli

Dla fade()fade(var(--mycolor), 20%)

— przypomnienia

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%);

— Adrian Enriquez
źródło

Fadeout jest dokładnie tym, czego szukałem, dziękuję!

— maxime1992