Kablelių turintys parametrai LESS
Tarkime, turime funkciją, kuri sukuria bloko šešėlį:
.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:
div {
.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ų:
div {
.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:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Sukurkite funkciją, kuri prideda foną. Naudodamiesi šia funkcija, pridėkite blokui kelis fonus.
