Параметри са зарезима у 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;);
}
Задание 1

Направите функцију која додаје позадину. Помоћу те функције додајте блоку неколико позадина.