Concatenação com Espaço em LESS
Existem propriedades cujos valores precisam ser concatenados
com um espaço, e não com uma vírgula. Para tais
concatenações, existe um operador especial
+_.
Vamos ver seu funcionamento no exemplo da
propriedade transform. Vamos criar as funções
.rotate e .skew, que definem as respectivas
transformações:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Vamos usar nossas funções:
div {
.rotate(10deg);
.skew(10deg);
}
Após a compilação, nossas transformações
serão concatenadas em uma única propriedade transform:
p {
transform: rotate(10deg) skew(10deg);
}
Implemente uma função similar scale,
que define a transformação correspondente.
Implemente uma função similar translate,
que define a transformação correspondente.
