LESS-de vergul bilen birleşdirmek
Bizde blok kölege döredýän funksiýa bolsun:
.shadow(@s) {
box-shadow: @s;
}
Geliň, bu funksiýany iki gezek çagyryp, bloka iki sany kölege goşmak isleýäris:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Emma, biz hiç zat başarmarys, sebäbi
iki sany kölege çaýryş diňe iki aýratynlyk
box-shadow goşar:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Biz bolsa, kölegeleriň bir aýratynlyk
box-shadow içinde vergul bilen goşulmagyny isleýäris,
ine, şeýle:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Funksiýamyzyň beýan edilen ýaly işlemegi üçin,
aýratynlygyň bahasyny ýörite operator
+:-dan soň ýazmaly, ine, şeýle:
.shadow(@s) {
box-shadow+: @s;
}
text-shadow aýratynlygy üçin şuňa meňzeş funksiýa düzüň.
background aýratynlygy üçin şuňa meňzeş funksiýa düzüň.
