Kablelių turintys parametrai LESS

Tarkime, turime funkciją, kuri sukuria bloko šešėlį:

styles.less.shadow(@s) {
  box-shadow: @s;
}

Kaip matote, mūsų funkcija turi vieną parametrą. Tai reiškia, kad mes perduosime į šį parametrą visus mūsų šešėlio reikšmes per tarpą, štai taip:

styles.lessdiv {
  .shadow(1px 1px red);
}

Tačiau CSS galima nurodyti kelis šešėlius, juos surašant per kablelį. Mūsų atveju to, deja, nepavyks, nes kablelis bus suprastas kompiliatoriumi kaip skiriamasis ženklas tarp funkcijos parametrų:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // parodys klaidą
}

Tačiau išeitis yra. Mes galime priversti LESS suvokti mūsų eilutę su kableliu kaip vieną parametrą. Norėdami tai padaryti, reikia užbaigti sąrašą mūsų reikšmių kabliataškiu:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}