Parametri ar komatiem LESS
Pieņemsim, ka mums ir funkcija, kas veido bloka ēnu:
.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:
div {
.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:
div {
.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:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Izveidojiet funkciju, kas pievieno fona attēlu. Ar šīs funkcijas palīdzību pievienojiet blokam vairākus fonus.
