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;);
}