Apvienošana ar atstarpēm LESS

Ir īpašības, kuru vērtības ir jāapvieno ne ar komatu, bet ar atstarpi. Šādiem apvienojumiem pastāv īpašs operators +_.

Apskatīsim tā darbību, izmantojot piemēru ar īpašību transform. Izveidosim funkcijas .rotate un .skew, kas iestata atbilstošās transformācijas:

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

Izmantosim mūsu funkcijas:

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

Kompilācijas rezultātā mūsu transformācijas apvienosies vienā īpašībā transform:

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