LESS-এ গাণিতিক অপারেশন বাতিল করা

কখনও কখনও এমন পরিস্থিতি arises যখন আমাদের কাছে কিছু গাণিতিক অপারেশন থাকে যা LESS দ্বারা গণনা কমান্ড হিসাবে ব্যাখ্যা করা উচিত নয়। উদাহরণস্বরূপ, এই ধরনের সমস্যা CSS ফাংশন calc-এ দেখা দেয়:

div {
	width: calc(100% - 10px);
}

সৌভাগ্যবশত, LESS এই ধরনের জায়গাগুলি সঠিকভাবে প্রক্রিয়া করতে সক্ষম এবং কম্পাইলেশনের সময় গণনা করবে না।

যাইহোক, এমন পরিস্থিতি arises যখন একটি এক্সপ্রেশন, যার গণনার প্রয়োজন নেই, অন্য জায়গায় থাকে, উদাহরণস্বরূপ, একটি ভেরিয়েবলে, এইভাবে:

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

এই ক্ষেত্রে, ভেরিয়েবলে গণনার ফলাফল লিখে রাখা হবে এবং calc-এ গণনা করা মান সহ ভেরিয়েবল পাঠানো হবে। এটি যাতে না ঘটে, আমরা স্পষ্টভাবে নির্দেশ করতে পারি যে এক্সপ্রেশনটি অপরিবর্তিত থাকা উচিত।

এটি করার জন্য, এক্সপ্রেশনটি উদ্ধৃতিতে নিতে হবে এবং এর আগে একটি টিল্ড চিহ্ন রাখতে হবে:

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

কোডটি সংশোধন করুন যাতে এটি সঠিকভাবে কাজ করে:

@exp1: ~'80% + 10px';
@exp2: ~'30vh - 10px';

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