Spájanie čiarkou v LESS
Majme funkciu, ktorá vytvára tieň bloku:
.shadow(@s) {
box-shadow: @s;
}
Povedzme, že chceme bloku pridať dva tieňe volaním našej funkcie dvakrát:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Avšak nič sa nám nepodarí, pretože
volanie dvoch tieňov jednoducho pridá dve vlastnosti
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Ale my by sme chceli, aby sa tieňe pridali
do jednej vlastnosti box-shadow oddelené čiarkou,
takto:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Aby naša funkcia fungovala opísaným
spôsobom, je potrebné zapísať hodnotu vlastnosti za
špeciálnym operátorom +:, takto:
.shadow(@s) {
box-shadow+: @s;
}
Vytvorte podobnú funkciu pre vlastnosť
text-shadow.
Vytvorte podobnú funkciu pre vlastnosť
background.
