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:

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

Használjuk a függvényeinket:

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

A kompiláció eredményeképpen a transzformációink egy transform tulajdonságban egyesülnek:

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