Łączenie przez spację w LESS
Zdarzają się właściwości, których wartości trzeba łączyć
nie przez przecinek, ale przez spację. Dla takich
połączeń istnieje specjalny operator
+_.
Przyjrzyjmy się jego działaniu na przykładzie
właściwości transform. Stwórzmy funkcje
.rotate i .skew, ustawiające odpowiednie
transformacje:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Wykorzystajmy nasze funkcje:
div {
.rotate(10deg);
.skew(10deg);
}
W wyniku kompilacji nasze transformacje
połączą się w jednej właściwości transform:
p {
transform: rotate(10deg) skew(10deg);
}
Zaimplementuj analogiczną funkcję scale,
ustawiającą odpowiednią transformację.
Zaimplementuj analogiczną funkcję translate,
ustawiającą odpowiednią transformację.
