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