LESS में calc फ़ंक्शन

आइए एक फ़ंक्शन बनाते हैं जो CSS फ़ंक्शन calc के लिए एक रैपर होगी। मान लें कि हमारा फ़ंक्शन पहले पैरामीटर के रूप में प्रॉपर्टी का नाम लेता है, और दूसरे के रूप में परिकलित मान:

styles.less.calc(@name, @calc) {
  @{name}: calc(@calc);
}

आइए हमारे फ़ंक्शन का उपयोग करें:

styles.lessp {
  .calc(width, ~'10px + 30%');
}

कंपाइल होने के बाद परिणाम:

styles.cssp {
  width: calc(10px + 30%);
}

styles.lessp {
  .calc(width, ~'10px + 30%');
  .calc(height, ~'10px + 30%');
}