Spájanie cez medzeru v LESS
Existujú vlastnosti, ktorých hodnoty je potrebné spájať
nie cez čiarku, ale cez medzeru. Pre takéto
spojenia existuje špeciálny operátor
+_.
Pozrime sa na jeho činnosť na príklade
vlastnosti transform. Vytvorme funkcie
.rotate a .skew, ktoré definujú zodpovedajúce
transformácie:
styles.less.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Využime naše funkcie:
styles.lessdiv {
.rotate(10deg);
.skew(10deg);
}
V dôsledku kompilácie sa naše transformácie
spojia do jednej vlastnosti transform:
styles.cssp {
transform: rotate(10deg) skew(10deg);
}
Задание 1
Implementujte podobnú funkciu scale,
ktorá definuje zodpovedajúcu transformáciu.
Задание 2
Implementujte podobnú funkciu translate,
ktorá definuje zodpovedajúcu transformáciu.