Szóközzel történő egyesítés LESS-ben
Vannak olyan tulajdonságok, amelyek értékeit
nem vesszővel, hanem szóközzel kell egyesíteni.
Ilyen egyesítésekhez létezik egy speciális operátor,
+_.
Nézzük meg a működését a transform
tulajdonság példáján. Készítsük el a
.rotate és a .skew függvényeket,
amelyek a megfelelő transzformációkat határozzák meg:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Használjuk a függvényeinket:
div {
.rotate(10deg);
.skew(10deg);
}
A kompiláció eredményeképpen a transzformációink
egy transform tulajdonságban egyesülnek:
p {
transform: rotate(10deg) skew(10deg);
}
Valósítsa meg egy hasonló scale függvényt,
amely a megfelelő transzformációt határozza meg.
Valósítsa meg egy hasonló translate függvényt,
amely a megfelelő transzformációt határozza meg.
