Tühikuga ühendamine LESS-is

On olemas omadusi, mille väärtusi tuleb ühendada mitte komaga, vaid tühikuga. Selliste ühenduste jaoks on olemas spetsiaalne operaator +_.

Vaatame selle toimimist näite abil omadusega transform. Teeme funktsioonid .rotate ja .skew, mis määravad vastavad transformatsioonid:

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

Kasutame oma funktsioone:

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

Kompileerimise tulemusena ühendatakse meie transformatsioonid üheks omaduseks transform:

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