Concaténation avec un espace en LESS
Il existe des propriétés dont les valeurs doivent être concaténées
non pas par une virgule, mais par un espace. Pour de telles
concaténations, il existe un opérateur spécial
+_.
Regardons son fonctionnement sur l'exemple de la
propriété transform. Créons les fonctions
.rotate et .skew, définissant les
transformations correspondantes :
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Utilisons nos fonctions :
div {
.rotate(10deg);
.skew(10deg);
}
À la suite de la compilation, nos transformations
seront concaténées dans une seule propriété transform :
p {
transform: rotate(10deg) skew(10deg);
}
Implémentez une fonction similaire scale,
définissant la transformation correspondante.
Implémentez une fonction similaire translate,
définissant la transformation correspondante.
