LESS-ում ստորակետով միացում
Ենթադրենք՝ ունենք բլոկի ստվեր ստեղծող ֆունկցիա.
.shadow(@s) {
box-shadow: @s;
}
Ենթադրենք՝ ուզում ենք բլոկին ավելացնել երկու ստվեր՝ կանչելով մեր ֆունկցիան երկու անգամ.
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Սակայն մեզնից ոչինչ չի ստացվի, քանի որ
երկու ստվերի կանչը պարզապես կավելացնի երկու հատկություն
box-shadow.
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Մենք կկամենայինք, որ ստվերները ավելացվեին
մեկ հատկության մեջ box-shadow ստորակետով,
ահա այսպես.
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Որպեսզի մեր ֆունկցիան աշխատի նկարագրված
եղանակով, անհրաժեշտ է հատկության արժեքը գրել
հատուկ օպերատորի +: հետևից, ահա այսպես.
.shadow(@s) {
box-shadow+: @s;
}
Ստեղծեք նմանատիպ ֆունկցիա
text-shadow հատկության համար:
Ստեղծեք նմանատիպ ֆունկցիա
background հատկության համար: