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 गुण के लिए इसी तरह का एक फ़ंक्शन बनाएं।
