কমা দ্বারা সংযোজন LESS-এ

ধরুন আমাদের কাছে একটি ফাংশন আছে যা ব্লকের শ্যাডো তৈরি করে:

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

ধরুন আমরা আমাদের ফাংশনটি দুইবার কল করে ব্লকে দুটি শ্যাডো যোগ করতে চাই:

styles.lessp {
  .shadow(1px 1px red); 
  .shadow(2px 2px blue);
}

যাইহোক, আমাদের কিছুই কাজ করবে না, কারণ দুটি শ্যাডো কল শুধুমাত্র দুটি বৈশিষ্ট্য যোগ করবে box-shadow:

styles.cssp {
  box-shadow: 1px 1px red;
  box-shadow: 2px 2px blue;
}

এবং আমরা চাই যে শ্যাডোগুলি একটি বৈশিষ্ট্যে যোগ করা হোক box-shadow কমা দ্বারা, এইভাবে:

styles.cssp {
  box-shadow: 1px 1px red, 2px 2px blue;
}

আমাদের ফাংশনকে বর্ণিতভাবে কাজ করতে, বৈশিষ্ট্যের মানটি বিশেষ অপারেটর +: এর পরে লিখতে হবে, এইভাবে:

styles.less.shadow(@s) {
  box-shadow+: @s;
}
Задание 1

text-shadow বৈশিষ্ট্যের জন্য একই রকম একটি ফাংশন তৈরি করুন।

Задание 2

background বৈশিষ্ট্যের জন্য একই রকম একটি ফাংশন তৈরি করুন।