LESS में कॉमा वाले पैरामीटर

मान लीजिए कि हमारे पास ब्लॉक की छाया बनाने वाला एक फंक्शन है:

.shadow(@s) {
	box-shadow: @s;
}

जैसा कि आप देख रहे हैं, हमारे फंक्शन में एक पैरामीटर है। इसका मतलब है कि हम इस पैरामीटर में स्पेस के through अपनी छाया के सभी मान पास करेंगे, इस तरह:

div {
	.shadow(1px 1px red);
}

हालाँकि, CSS में कई छायाएँ निर्धारित की जा सकती हैं, उन्हें कॉमा से अलग करके लिखा जाता है। हमारे मामले में दुर्भाग्य से, यह काम नहीं करेगा, क्योंकि कॉमा को कंपाइलर द्वारा फंक्शन पैरामीटर के बीच विभाजक के रूप में माना जाएगा:

div {
	.shadow(1px 1px red, 1px 1px blue); // त्रुटि देगा
}

हालाँकि, एक उपाय है। हम LESS को कॉमा वाली हमारी स्ट्रिंग को एक पैरामीटर के रूप में मानने के लिए मजबूर कर सकते हैं। इसके लिए हमारे मानों की सूची को सेमीकॉलन के साथ समाप्त करना होगा:

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

बैकग्राउंड जोड़ने वाला एक फंक्शन बनाएँ। इस फंक्शन की मदद से ब्लॉक में कई बैकग्राउंड जोड़ें।