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 хусусияти учун ҳам шунга ўхшаш функция яратинг.