Параметры с запятыми в 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;);
}