Parameters met kommas in LESS
Laat ons 'n funksie hê wat 'n blokskadu skep:
.shadow(@s) {
box-shadow: @s;
}
Soos jy kan sien, het ons funksie een parameter. Dit beteken dat ons al die waardes van ons skadu deur 'n spasie in hierdie parameter sal oordra, soos volg:
div {
.shadow(1px 1px red);
}
In CSS kan jy egter verskeie skaduwees spesifiseer deur hulle met 'n komma te skryf. In ons geval sal dit, helaas, nie werk nie, aangesien die komma deur die samesteller gesien sal word as 'n skeiding tussen funksieparameters:
div {
.shadow(1px 1px red, 1px 1px blue); // sal 'n fout gee
}
Daar is egter 'n uitweg. Ons kan LESS forseer om ons string met 'n komma as een parameter te beskou. Om dit te doen, moet ons ons lys waardes met 'n kommapunt beëindig:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Maak 'n funksie wat agtergrond byvoeg. Gebruik hierdie funksie om verskeie agtergronde by 'n blok te voeg.
