LESS-те үтір арқылы біріктіру
Блок көлеңкесін жасайтын функциямыз болсын:
styles.less.shadow(@s) {
box-shadow: @s;
}
Функциямызды екі рет шақырып, блокке екі көлеңке қосқымыз келеді:
styles.lessp {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Алайда, бізге ешнәрсе сәтті болмайды, себебі
екі көлеңкені шақыру жай ғана екі
box-shadow қасиетін қосады:
styles.cssp {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Ал біз көлеңкелерді бір box-shadow қасиетіне
үтір арқылы қосылуын қалар едік, мынадай:
styles.cssp {
box-shadow: 1px 1px red, 2px 2px blue;
}
Функциямыздың жоғарыда сипатталғандай жұмыс істеуі
үшін, қасиет мәнін арнайы оператор +:
артына жазу керек, мынадай:
styles.less.shadow(@s) {
box-shadow+: @s;
}
Задание 1
text-shadow қасиеті үшін ұқсас функция жасаңыз.
Задание 2
background қасиеті үшін ұқсас функция жасаңыз.