LESS-də Vergüllü Parametrlər

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

styles.less.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ə:

styles.lessdiv {
  .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:

styles.lessdiv {
  .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:

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