LESSda vergulli parametrlar
Faraz qilaylik, bizda blok soyasini yaratadigan funksiya bor:
.shadow(@s) {
box-shadow: @s;
}
Ko'rib turganingizdek, bizning funksiyamizda bitta parametr bor. Bu shuni anglatadiki, biz bu parametrga soyamizning barcha qiymatlarini probel orqali o'tkazamiz, mana shunday:
div {
.shadow(1px 1px red);
}
Ammo CSSda bir nechta soyalarni vergul orqali yozish orqali belgilash mumkin. Afsuski, bizning holatda bunday qilish mumkin emas, chunki vergul kompilyator tomonidan funksiya parametrlari o'rtasidagi ajratgich sifatida qabul qilinadi:
div {
.shadow(1px 1px red, 1px 1px blue); // xatolik beradi
}
Ammo, yechim mavjud. Biz LESSni vergul bilan bizning qatorimizni bitta parametr sifatida qabul qilishga majbur qilishimiz mumkin. Buning uchun qiymatlarning sanab o'tilishini nuqta-vergul bilan yakunlashimiz kerak:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Fon qo'shadigan funksiya yarating. Ushbu funksiya yordamida blokka bir nechta fonlar qo'shing.
