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;);
}

একটি ফাংশন তৈরি করুন যা ব্যাকগ্রাউন্ড যোগ করে। এই ফাংশন ব্যবহার করে একটি ব্লকে একাধিক ব্যাকগ্রাউন্ড যোগ করুন।