Koma abil ühendamine LESS-is
Oletame, et meil on funktsioon, mis loob bloki varju:
.shadow(@s) {
box-shadow: @s;
}
Oletame, et tahame lisada blokile kaks varju, kutsudes meie funktsiooni kaks korda:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Meil aga midagi ei õnnestu, sest
kahe varju kutsumine lisab lihtsalt kaks
box-shadow omadust:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Meie aga sooviksime, et varjud lisataks
ühte omadusse box-shadow komaga eraldatuna,
nagu nii:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Selleks, et meie funktsioon töötaks kirjeldatud
viisil, tuleb omaduse väärtus kirjutada pärast
spetsiaalset operaatorit +:, nagu nii:
.shadow(@s) {
box-shadow+: @s;
}
Tehke sarnane funktsioon omadusele
text-shadow.
Tehke sarnane funktsioon omadusele
background.
