Verkettung mit Leerzeichen in LESS
Es gibt Eigenschaften, deren Werte nicht durch Komma,
sondern durch Leerzeichen verkettet werden müssen. Für solche
Verkettungen gibt es einen speziellen Operator
+_.
Sehen wir uns seine Funktion am Beispiel der
Eigenschaft transform an. Wir erstellen Funktionen
.rotate und .skew, die die entsprechenden
Transformationen festlegen:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Verwenden wir unsere Funktionen:
div {
.rotate(10deg);
.skew(10deg);
}
Als Ergebnis der Kompilierung werden unsere Transformationen
in einer Eigenschaft transform zusammengeführt:
p {
transform: rotate(10deg) skew(10deg);
}
Implementieren Sie eine analoge Funktion scale,
die die entsprechende Transformation festlegt.
Implementieren Sie eine analoge Funktion translate,
die die entsprechende Transformation festlegt.
