LESSda vergulli parametrlar

Faraz qilaylik, bizda blok soyasini yaratadigan funksiya bor:

styles.less.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:

styles.lessdiv {
  .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:

styles.lessdiv {
  .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:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}