LESS-এ ফাংশন

এই পাঠে আমরা দেখব কিভাবে ফাংশন ব্যবহার করতে হয়। ফাংশন, মিক্সিনের মতো কিছুটা সদৃশ, কিন্তু একই সাথে তারা প্যারামিটার যোগ করতে দেয়, যেগুলো তাদের মান পরিবর্তন করতে পারে।

এই প্যারামিটারগুলি ফাংশনের বন্ধনীর মধ্যে প্রেরণ করা হয়। আসুন একটি উদাহরণে দেখি।

আসুন একটি fs ফাংশন তৈরি করি, যা ফন্টের আকার সেট করবে। আকারটি যেন একটি প্যারামিটার হিসেবে প্রেরণ করা হয়। প্যারামিটার হিসেবে একটি ভেরিয়েবল কাজ করবে, যার নাম আমরা ফাংশন ঘোষণা করার সময় ঠিক করি:

styles.less.fs(@size) {
  // এখানে ফাংশনের কোড থাকবে
}

ফাংশনের ভিতরে নির্দেশ করি, আমাদের প্যারামিটারের মান কোথায় বসাতে হবে:

styles.less.fs(@size) {
  font-size: @size;
}

আমাদের ফাংশনটি কল করি, এটিকে একটি প্যারামিটার হিসেবে উপাদানের কাঙ্ক্ষিত আকার পাঠিয়ে:

styles.lessp {
  .fs(20px);
}

ফলস্বরূপ কম্পাইলেশনের পরে ফন্টের আকার প্যারাগ্রাফের নির্দেশিত মানের সমান হয়ে যাবে:

styles.cssp {
  font-size: 20px;
}