Kableliu atskirtas sujungimas LESS'e
Tarkime, kad turime funkciją, kuri sukuria bloko šešėlį:
.shadow(@s) {
box-shadow: @s;
}
Tarkime, kad norime pridėti du šešėlius blokui, iškviečiant mūsų funkciją du kartus:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Tačiau mums nieko nepavyks, nes
dviejų šešėlių iškviečimas tiesiog pridės dvi savybes
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
O mes norėtume, kad šešėliai būtų pridėti
į vieną savybę box-shadow per kablelį,
štai taip:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Kad mūsų funkcija veiktų aprašytu
būdu, reikšmę savybei reikia rašyti po
specialaus operatoriaus +:, štai taip:
.shadow(@s) {
box-shadow+: @s;
}
Sukurkite analogišką funkciją savybei
text-shadow.
Sukurkite analogišką funkciją savybei
background.