LESSda vergul bilan birlashtirish
Faraz qilaylik, bizda blok soya yaratadigan funksiya bor:
.shadow(@s) {
box-shadow: @s;
}
Faraz qilaylik, biz funktsiyani ikki marta chaqirib, blokka ikkita soya qo'shmoqchimiz:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Biroq, biz hech narsaga erisha olmaymiz, chunki
ikki soya chaqiruvi shunchaki ikkita
box-shadow xususiyatini qo'shadi:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Biz esa shunday xohlaymizki, soyalar
bitta box-shadow xususiyatiga vergul orqali
qo'shilsin, mana shunday:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Funktsiyamizning tavsiflangan tarzda ishlashi uchun,
xususiyat qiymatini maxsus +: operatoridan
keyin yozish kerak, mana shunday:
.shadow(@s) {
box-shadow+: @s;
}
text-shadow xususiyati uchun shunday
funksiya yarating.
background xususiyati uchun shunday
funksiya yarating.
