LESS में फ़ंक्शन

इस पाठ में हम देखेंगे कि फ़ंक्शन का उपयोग कैसे करें। फ़ंक्शन, मिक्सिन की तरह ही कुछ होते हैं, लेकिन वे पैरामीटर जोड़ने की अनुमति देते हैं, जो अपने मान बदल सकते हैं।

ये पैरामीटर फ़ंक्शन के गोल कोष्ठक में पास किए जाते हैं। आइए एक उदाहरण से देखते हैं।

आइए एक फ़ंक्शन fs बनाएं, जो फ़ॉन्ट आकार सेट करेगा। मान लीजिए कि आकार एक पैरामीटर के रूप में पास किया जाता है। पैरामीटर के रूप में एक चर कार्य करेगा, जिसका नाम हम फ़ंक्शन घोषित करते समय सोचते हैं:

styles.less.fs(@size) {
  // यहाँ फ़ंक्शन का कोड होगा
}

आइए फ़ंक्शन के अंदर निर्दिष्ट करें कि हमारे पैरामीटर का मान कहाँ डाला जाना चाहिए:

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

हमारी फ़ंक्शन को कॉल करते हैं, उसे एक पैरामीटर के रूप में तत्व का वांछित आकार पास करके:

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

परिणामस्वरूप, कंपाइल होने के बाद फ़ॉन्ट आकार पैराग्राफ निर्दिष्ट मान के बराबर हो जाएगा:

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