Parametri ar komatiem LESS

Pieņemsim, ka mums ir funkcija, kas veido bloka ēnu:

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

Kā jūs redzat, mūsu funkcijā ir viens parametrs. Tas nozīmē, ka mēs šajā parametrā pārsūtīsim visas mūsu ēnas vērtības, atdalot tās ar atstarpēm, šeit ir piemērs:

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

Tomēr CSS var norādīt vairākas ēnas, rakstot tās atdalot ar komatiem. Mūsu gadījumā diemžēl tas neizdosies, jo komats tiks uztverts kā atdalītājs starp funkcijas parametriem:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // izvadīs kļūdu
}

Tomēr ir izeja. Mēs varam likt LESS uztvert mūsu virkni ar komatu kā vienu parametru. Lai to izdarītu, vajag pabeigt mūsu vērtību uzskaitījumu ar semikolu:

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