მძიმეების მქონე პარამეტრები LESS-ში
დავუშვათ, გვაქვს ფუნქცია, რომელიც ქმნის ბლოკის ჩრდილს:
.shadow(@s) {
box-shadow: @s;
}
როგორც ხედავთ, ჩვენს ფუნქციას ერთი პარამეტრი აქვს. ეს ნიშნავს, რომ ჩვენ ამ პარამეტრში გადავცემთ ჩვენი ჩრდილის ყველა მნიშვნელობას სფეისის მეშვეობით, აი ასე:
div {
.shadow(1px 1px red);
}
თუმცა, CSS-ში შესაძლებელია რამდენიმე ჩრდილის მითითება, მათი მძიმეებით გამოყოფით. ჩვენს შემთხვევაში, სამწუხაროდ, ეს არ გამოვა, რადგან მძიმე აღიქმება კომპაილერის მიერ, როგორც პარამეტრებს შორის გამყოფი:
div {
.shadow(1px 1px red, 1px 1px blue); // დააბრუნებს შეცდომას
}
თუმცა, გამოსავალი არსებობს. ჩვენ შეგვიძლია LESS-ს ავიძულოთ აღიქვას ჩვენი სტრიქონი მძიმით, როგორც ერთი პარამეტრი. ამისთვის საჭიროა ჩვენი მნიშვნელობების ჩამოთვლა დავასრულოთ მძიმით-წერტილით:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
შექმენით ფუნქცია, რომელიც ამატებს ფონს. ამ ფუნქციის გამოყენებით მიანიჭეთ ბლოკს რამდენიმე ფონი.