Pilkuilla yhdistäminen LESS:ssä
Oletetaan, että meillä on funktio, joka luo lohkon varjon:
.shadow(@s) {
box-shadow: @s;
}
Oletetaan, että haluamme lisätä lohkoon kaksi varjoa kutsuen funktiotamme kahdesti:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Meillä ei kuitenkaan onnistu, sillä
kahden varjon kutsuminen lisää vain kaksi
box-shadow-ominaisuutta:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Ja me halusimme, että varjot lisätään
yhteen box-shadow-ominaisuuteen pilkuilla erotettuna,
näin:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Jotta funktiomme toimisi kuvatulla
tavalla, ominaisuuden arvo tulee kirjoittaa
erikoiskomennon +: jälkeen, näin:
.shadow(@s) {
box-shadow+: @s;
}
Tee vastaava funktio ominaisuudelle
text-shadow.
Tee vastaava funktio ominaisuudelle
background.
