LESSda bo'shliq orqali birlashtirish

Qiymatlari vergul emas, balki bo'shliq orqali birlashtirilishi kerak bo'lgan xususiyatlar bo'ladi. Bunday birlashtirishlar uchun maxsus +_ operatori mavjud.

Keling, uning ishlashini transform xususiyati misolida ko'rib chiqaylik. Mos ravishda transformatsiyalarni belgilovchi .rotate va .skew funktsiyalarini yaratamiz:

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

Keling, bizning funktsiyalarimizdan foydalanamiz:

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

Kompilyatsiya natijasida bizning transformatsiyalarimiz bitta transform xususiyatida birlashtiriladi:

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