LESSda vergul bilan birlashtirish

Faraz qilaylik, bizda blok soya yaratadigan funksiya bor:

styles.less.shadow(@s) {
  box-shadow: @s;
}

Faraz qilaylik, biz funktsiyani ikki marta chaqirib, blokka ikkita soya qo'shmoqchimiz:

styles.lessp {
  .shadow(1px 1px red); 
  .shadow(2px 2px blue);
}

Biroq, biz hech narsaga erisha olmaymiz, chunki ikki soya chaqiruvi shunchaki ikkita box-shadow xususiyatini qo'shadi:

styles.cssp {
  box-shadow: 1px 1px red;
  box-shadow: 2px 2px blue;
}

Biz esa shunday xohlaymizki, soyalar bitta box-shadow xususiyatiga vergul orqali qo'shilsin, mana shunday:

styles.cssp {
  box-shadow: 1px 1px red, 2px 2px blue;
}

Funktsiyamizning tavsiflangan tarzda ishlashi uchun, xususiyat qiymatini maxsus +: operatoridan keyin yozish kerak, mana shunday:

styles.less.shadow(@s) {
  box-shadow+: @s;
}
Задание 1

text-shadow xususiyati uchun shunday funksiya yarating.

Задание 2

background xususiyati uchun shunday funksiya yarating.