LESS-də Vergül Vasitəsilə Birləşdirmə
Tutaq ki, bizim blok kölgəsi yaradan bir funksiyamız var:
.shadow(@s) {
box-shadow: @s;
}
Tutaq ki, biz funksiyanı iki dəfə çağıraraq bloka iki kölgə əlavə etmək istəyirik:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Lakin, biz heç nə əldə edə bilməyəcəyik, çünki
iki kölgə çağırışı sadəcə iki box-shadow
xassəsi əlavə edəcək:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Biz isə istəyirdik ki, kölgələr bir box-shadow
xassəsinə vergüllə ayrılmış şəkildə əlavə olunsun,
bu şəkildə:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Funksiyamızın təsvir olunduğu kimi işləməsi üçün,
xassənin dəyərini xüsusi +: operatorundan
sonra yazmaq lazımdır, bu şəkildə:
.shadow(@s) {
box-shadow+: @s;
}
text-shadow xassəsi üçün oxşar funksiya hazırlayın.
background xassəsi üçün oxşar funksiya hazırlayın.
