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