Unión mediante espacio en LESS
Hay propiedades cuyos valores deben unirse
no con una coma, sino con un espacio. Para tales
uniones existe un operador especial
+_.
Veamos su funcionamiento con el ejemplo de
la propiedad transform. Creemos las funciones
.rotate y .skew, que establecen las correspondientes
transformaciones:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Usemos nuestras funciones:
div {
.rotate(10deg);
.skew(10deg);
}
Como resultado de la compilación, nuestras transformaciones
se unirán en una sola propiedad transform:
p {
transform: rotate(10deg) skew(10deg);
}
Implemente una función similar scale,
que establezca la transformación correspondiente.
Implemente una función similar translate,
que establezca la transformación correspondiente.
