Samenvoegen met spatie in LESS
Er zijn eigenschappen waarvan de waarden
niet met een komma maar met een spatie moeten worden samengevoegd.
Voor dergelijke samenvoegingen bestaat er een speciale operator
+_.
Laten we de werking ervan bekijken aan de hand van een voorbeeld
met de eigenschap transform. Laten we functies maken
.rotate en .skew, die de bijbehorende
transformaties instellen:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Laten we onze functies gebruiken:
div {
.rotate(10deg);
.skew(10deg);
}
Na compilatie zullen onze transformaties
worden samengevoegd in één eigenschap transform:
p {
transform: rotate(10deg) skew(10deg);
}
Implementeer een vergelijkbare functie scale,
die de bijbehorende transformatie instelt.
Implementeer een vergelijkbare functie translate,
die de bijbehorende transformatie instelt.
