Sammanfogning med mellanslag i LESS
Det finns egenskaper vars värden behöver sammanfogas
inte med kommatecken, utan med mellanslag. För sådana
sammanfogningar finns en speciell operator
+_.
Låt oss titta på hur den fungerar med exemplet
egenskapen transform. Låt oss skapa funktionerna
.rotate och .skew, som sätter de motsvarande
transformationerna:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Låt oss använda våra funktioner:
div {
.rotate(10deg);
.skew(10deg);
}
Som ett resultat av kompileringen kommer våra transformationer
att sammanfogas i en egenskap transform:
p {
transform: rotate(10deg) skew(10deg);
}
Implementera en liknande funktion scale,
som sätter den motsvarande transformationen.
Implementera en liknande funktion translate,
som sätter den motsvarande transformationen.
