LESS में गणितीय संचालन को रद्द करना

कभी-कभी ऐसी स्थितियाँ होती हैं जहाँ हमारे पास कोई गणितीय संचालन होता है, जिसे LESS द्वारा गणना कमांड के रूप में नहीं समझा जाना चाहिए। उदाहरण के लिए, यह समस्या CSS फ़ंक्शन calc में उत्पन्न होती है:

styles.lessdiv {
  width: calc(100% - 10px);
}

सौभाग्य से, LESS ऐसे स्थानों को सही ढंग से संसाधित करना जानता है और कंपाइलेशन के समय गणना नहीं करेगा।

हालाँकि, ऐसी स्थितियाँ भी होती हैं जब कोई एक्सप्रेशन, जिसकी गणना की आवश्यकता नहीं है, किसी अन्य स्थान पर होता है, उदाहरण के लिए, एक वेरिएबल में, इस तरह:

styles.less@exp: 100% - 10px;
div {
  width: calc(@exp);
}

इस स्थिति में, वेरिएबल में गणना का परिणाम लिखा जाएगा, और calc में गणना किए गए मान वाला वेरिएबल भेजा जाएगा। ऐसा न हो, इसके लिए, हम स्पष्ट रूप से निर्दिष्ट कर सकते हैं कि एक्सप्रेशन को अपरिवर्तित रूप में रहना चाहिए।

इसके लिए एक्सप्रेशन को उद्धरण चिह्नों में लेना होगा और उसके सामने टिल्ड चिह्न लगाना होगा:

styles.less@exp: ~'100% - 10px';
div {
  width: calc(@exp);
}

styles.less@exp1: 80% + 10px;
@exp2: 30vh - 10px;

div {
  width: calc(@exp1);
  margin-top: calc(@exp2);
}