Muunganiko kwa Koma katika LESS
Hebu tuwe na kitendo kinachounda kivuli cha kipande:
.shadow(@s) {
box-shadow: @s;
}
Hebu tutake kuongeza vivuli viwili kwa kipande, kwa kukiita kitendo chetu mara mbili:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Hata hivyo, hatutafanikiwa, kwani
kiitiko cha vivuli viwili kitaongeza tu sifa mbili
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Na sisi tungalipenda, vivuli viongezwe
katika sifa moja box-shadow kwa koma,
kama hivi:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Ili kitendo chetu kifanye kazi kama ilivyoelezewa,
inahitajika thamani ya sifa iandikwe baada ya
kiendeshaji maalum +:, kama hivi:
.shadow(@s) {
box-shadow+: @s;
}
Tengeneza kitendo sawa kwa sifa
text-shadow.
Tengeneza kitendo sawa kwa sifa
background.
