Concatenarea cu virgulă în LESS
Să presupunem că avem o funcție care creează umbra unui bloc:
.shadow(@s) {
box-shadow: @s;
}
Să presupunem că vrem să adăugăm două umbre blocului, apelând funcția noastră de două ori:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Totuși, nu vom reuși nimic, deoarece
apelarea a două umbre va adăuga pur și simplu două proprietăți
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Și noi am vrea ca umbrele să fie adăugate
într-o singură proprietate box-shadow separate prin virgulă,
astfel:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Pentru ca funcția noastră să funcționeze în modul descris,
valoarea proprietății trebuie scrisă după
operatorul special +:, astfel:
.shadow(@s) {
box-shadow+: @s;
}
Creați o funcție similară pentru proprietatea
text-shadow.
Creați o funcție similară pentru proprietatea
background.
