Комбинација зарезом у 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.