LESS-də Boşluqla Birləşdirmə

Dəyərləri vergüllə deyil, boşluqla birləşdirmək lazım olan xassələr olur. Belə birləşdirmələr üçün xüsusi +_ operatoru mövcuddur.

Gəlin onun işini transform xassəsi nümunəsində nəzərdən keçirək. Uyğun transformasiyaları təyin edən .rotate və .skew funksiyalarını yaradaq:

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

Funksiyalarımızdan istifadə edək:

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

Kompilyasiya nəticəsində transformasiyalarımız tək bir transform xassəsində birləşəcək:

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