Parametry z przecinkami w LESS
Załóżmy, że mamy funkcję tworzącą cień bloku:
.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:
div {
.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:
div {
.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:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Stwórz funkcję dodającą tło. Za pomocą tej funkcji dodaj blokowi kilka teł.