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:

styles.less.rotate(@r) {
  transform+_: rotate(@r);
}
.skew(@s) {
  transform+_: skew(@s);
}

Verwenden wir unsere Funktionen:

styles.lessdiv {
  .rotate(10deg);
  .skew(10deg);
}

Als Ergebnis der Kompilierung werden unsere Transformationen in einer Eigenschaft transform zusammengeführt:

styles.cssp {
  transform: rotate(10deg) skew(10deg);
}