მძიმით გაერთიანება 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 თვისებისთვის.