გაერთიანება სფეისით LESS-ში

არის პროპერთები, რომელთა მნიშვნელობების გაერთიანება საჭიროა არა მძიმით, არამედ სფეისით. ასეთი გაერთიანებებისთვის არსებობს სპეციალური ოპერატორი +_.

მოდით ვნახოთ მისი მუშაობა მაგალითზე პროპერთი transform. შევქმნათ ფუნქციები .rotate და .skew, რომლებიც განსაზღვრავენ შესაბამის ტრანსფორმაციებს:

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

გამოვიყენოთ ჩვენი ფუნქციები:

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

კომპილაციის შედეგად ჩვენი ტრანსფორმაციები გაერთიანდება ერთ პროპერთში transform:

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