Spajanje razmakom u LESS-u
Postoje svojstva čije vrednosti treba spojiti
ne zarezom, već razmakom. Za takva
spajanja postoji poseban operator
+_.
Hajde da pogledamo njegov rad na primeru
svojstva transform. Napravićemo funkcije
.rotate i .skew, koje postavljaju odgovarajuće
transformacije:
styles.less.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Iskoristimo naše funkcije:
styles.lessdiv {
.rotate(10deg);
.skew(10deg);
}
Kao rezultat kompilacije, naše transformacije
će se spojiti u jedno svojstvo transform:
styles.cssp {
transform: rotate(10deg) skew(10deg);
}
Задание 1
Implementirajte analognu funkciju scale,
koja postavlja odgovarajuću transformaciju.
Задание 2
Implementirajte analognu funkciju translate,
koja postavlja odgovarajuću transformaciju.