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:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Utilizziamo le nostre funzioni:
div {
.rotate(10deg);
.skew(10deg);
}
Come risultato della compilazione, le nostre trasformazioni
si uniranno in una singola proprietà transform:
p {
transform: rotate(10deg) skew(10deg);
}
Implementa una funzione analoga scale,
che imposti la corrispondente trasformazione.
Implementa una funzione analoga translate,
che imposti la corrispondente trasformazione.