Pilkulliset parametrit LESS:ssä

Oletetaan, että meillä on funktio, joka luo lohkon varjon:

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

Kuten näet, funktiossamme on yksi parametri. Tämä tarkoittaa, että välitämme tähän parametriin kaikki varjomme arvot välilyönnillä, näin:

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

CSS:ssä voidaan kuitenkin asettaa useita varjoja kirjoittamalla ne pilkulla erotettuna. Meidän tapauksessamme tämä valitettavasti ei onnistu, koska pilkku tulkitaan kääntäjän funktioparametrien erottimena:

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

Kuitenkin on olemassa keino. Voimme pakottaa LESS:n tulkitsemaan merkkijonomme pilkulla yhdeksi parametriksi. Tätä varten meidän on päättävä luettelo arvoistamme puolipisteellä:

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