Łączenie przez spację w LESS

Zdarzają się właściwości, których wartości trzeba łączyć nie przez przecinek, ale przez spację. Dla takich połączeń istnieje specjalny operator +_.

Przyjrzyjmy się jego działaniu na przykładzie właściwości transform. Stwórzmy funkcje .rotate i .skew, ustawiające odpowiednie transformacje:

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

Wykorzystajmy nasze funkcje:

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

W wyniku kompilacji nasze transformacje połączą się w jednej właściwości transform:

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