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 қасиеті үшін ұқсас функция жасаңыз.