Параметри със запетаи в LESS
Нека имаме функция, която създава сянка на блок:
.shadow(@s) {
box-shadow: @s;
}
Както виждате, нашата функция има един параметър. Това означава, че ще предаваме в този параметър всички стойности на нашата сянка чрез интервал, ето така:
div {
.shadow(1px 1px red);
}
В CSS, обаче, може да се зададат няколко сенки, като се запишат чрез запетая. В нашия случай такова нещо, уви, няма да се получи, тъй като запетаята ще бъде възприета от компилатора като разделител между параметрите на функцията:
div {
.shadow(1px 1px red, 1px 1px blue); // ще даде грешка
}
Изход, обаче, има. Можем да накараме LESS да възприе нашия низ със запетая като един параметър. За целта трябва да завършим изброяването на нашите стойности с точка и запетая:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Направете функция, която добавя фон. С помощта на тази функция добавете няколко фона на блок.