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 касиети үчүн ушул сыяктуу функция жасаңыз.