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?

Odpowiedzi:


303

Dokumentacja witryny daje odpowiedź:

background: fade(@blue, 20%);

Nazwa funkcji fadenie jest alphazgodna z tym dokumentem.


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ę


1
Fadeout jest dokładnie tym, czego szukałem, dziękuję!
maxime1992
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.