Unione tramite spazio in LESS

Ci sono proprietà i cui valori devono essere uniti non da una virgola, ma da uno spazio. Per queste unioni esiste un operatore speciale +_.

Osserviamo il suo funzionamento con l'esempio della proprietà transform. Creiamo le funzioni .rotate e .skew, che impostano le rispettive trasformazioni:

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

Utilizziamo le nostre funzioni:

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

Come risultato della compilazione, le nostre trasformazioni si uniranno in una singola proprietà transform:

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