Spajanje zarezom u LESS
Neka postoji funkcija koja kreira senku bloka:
.shadow(@s) {
box-shadow: @s;
}
Recimo da želimo da dodamo dve senke bloku, pozivajući našu funkciju dva puta:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Međutim, nećemo ništa postići, jer će
poziv dve senke jednostavno dodati dva svojstva
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
A mi bismo želeli da se senke dodaju
u jedno svojstvo box-shadow preko zareza,
ovako:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Da bi naša funkcija radila na opisan način,
potrebno je da se vrednost svojstva napiše posle
specijalnog operatora +:, ovako:
.shadow(@s) {
box-shadow+: @s;
}
Napravite sličnu funkciju za svojstvo
text-shadow.
Napravite sličnu funkciju za svojstvo
background.
