Спојување со запирка во 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.