Sujungimas per tarpą LESS

Būna savybių, kurių reikšmes reikia sujungti ne per kablelį, o per tarpą. Tokiems sujungimams yra specialus operatorius +_.

Pažiūrėkime į jo veikimą pavyzdžiu su savybe transform. Sukurkime funkcijas .rotate ir .skew, nustatančias atitinkamas transformacijas:

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

Panaudokime mūsų funkcijas:

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

Komiliavimo rezultate mūsų transformacijos susijungs vienoje savybėje transform:

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