LESS में calc फ़ंक्शन
आइए एक फ़ंक्शन बनाते हैं जो CSS फ़ंक्शन calc
के लिए एक रैपर होगी।
मान लें कि हमारा फ़ंक्शन पहले पैरामीटर के रूप में प्रॉपर्टी का नाम लेता है,
और दूसरे के रूप में परिकलित मान:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
आइए हमारे फ़ंक्शन का उपयोग करें:
p {
.calc(width, ~'10px + 30%');
}
कंपाइल होने के बाद परिणाम:
p {
width: calc(10px + 30%);
}
बताएं कि निम्नलिखित कोड का कंपाइल होने के बाद परिणाम क्या होगा:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
