Параметри със запетаи в LESS

Нека имаме функция, която създава сянка на блок:

styles.less.shadow(@s) {
  box-shadow: @s;
}

Както виждате, нашата функция има един параметър. Това означава, че ще предаваме в този параметър всички стойности на нашата сянка чрез интервал, ето така:

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

В CSS, обаче, може да се зададат няколко сенки, като се запишат чрез запетая. В нашия случай такова нещо, уви, няма да се получи, тъй като запетаята ще бъде възприета от компилатора като разделител между параметрите на функцията:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // ще даде грешка
}

Изход, обаче, има. Можем да накараме LESS да възприе нашия низ със запетая като един параметър. За целта трябва да завършим изброяването на нашите стойности с точка и запетая:

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