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;);
}
Фон кошучу функция түзүңүз. Бул функцияны колдонуп, блокко бир нече фондорду кошуңуз.