LESS-də Vergüllü Parametrlər

Bloq kölgəsi yaradan bir funksiyamız olduğunu fərz edək:

.shadow(@s) {
	box-shadow: @s;
}

Gördüyünüz kimi, funksiyamızın bir parametri var. Bu o deməkdir ki, biz kölgəmizin bütün dəyərlərini boşluqla ayıraraq bu parametrə ötürəcəyik, bu şəkildə:

div {
	.shadow(1px 1px red);
}

Lakin, CSS-də bir neçə kölgə təyin etmək olar, onları vergüllə ayıraraq yazmaqla. Bizim vəziyyətimizdə, əfsus ki, bu mümkün olmayacaq, çünki vergül kompilyator tərəfindən funksiya parametrləri arasında ayırıcı kimi qəbul ediləcək:

div {
	.shadow(1px 1px red, 1px 1px blue); // xəta verəcək
}

Lakin, çıxış yolu var. Biz LESS-ə vergüllü sətirimizi tək parametr kimi qəbul etdirə bilərik. Bunun üçün dəyərlərimizin siyahısını nöqtəli vergillə bitirmək lazımdır:

div {
	.shadow(1px 1px red, 1px 1px blue;);
}

Fon əlavə edən funksiya yaradın. Bu funksiyadan istifadə edərək bloka bir neçə fon əlavə edin.