Parametry z przecinkami w LESS

Załóżmy, że mamy funkcję tworzącą cień bloku:

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

Jak widzisz, nasza funkcja ma jeden parametr. Oznacza to, że będziemy przekazywać do tego parametru wszystkie wartości naszego cienia przez spację, w ten sposób:

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

W CSS można jednak ustawić kilka cieni, zapisując je przez przecinek. W naszym przypadku niestety się to nie uda, ponieważ przecinek zostanie odebrany przez kompilator jako separator między parametrami funkcji:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // zwróci błąd
}

Jest jednak wyjście. Możemy zmusić LESS do potraktowania naszego ciągu z przecinkiem jako jeden parametr. Aby to zrobić, należy zakończyć listę naszych wartości średnikiem:

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