Spojování mezerou v LESS
Existují vlastnosti, jejichž hodnoty je třeba spojovat
ne čárkou, ale mezerou. Pro taková
spojení existuje speciální operátor
+_.
Podívejme se na jeho funkci na příkladu
vlastnosti transform. Vytvořme funkce
.rotate a .skew, které nastavují odpovídající
transformace:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Použijme naše funkce:
div {
.rotate(10deg);
.skew(10deg);
}
Výsledkem kompilace se naše transformace
spojí do jedné vlastnosti transform:
p {
transform: rotate(10deg) skew(10deg);
}
Implementujte podobnou funkci scale,
která nastavuje odpovídající transformaci.
Implementujte podobnou funkci translate,
která nastavuje odpovídající transformaci.
