LESS හි ගණිතමය ක්‍රියාකාරකම් අවලංගු කිරීම

සමහර විට අපට යම් ගණිතමය ක්‍රියාකාරකමක් ඇති විට, එය LESS විසින් ගණනය කිරීමේ විධානයක් ලෙස නොගැනීමට අවශ්‍ය වේ. උදාහරණයක් ලෙස, එවැනි ගැටළුවක් CSS ශ්‍රිතය calc හි දක්නට ලැබේ:

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

සුභ පතා, LESS එවැනි ස්ථාන නිවැරදිව සැකසීමට හැකිය සහ සම්පිරික්ෂණය කිරීමේදී ගණනය කිරීමක් නොකරයි.

කෙසේ වෙතත්, සිදුවන අවස්ථා තිබේ, ගණනය කිරීමක් අවශ්‍ය නොවන ප්‍රකාශනයක් වෙනත් ස්ථානයක පවතින විට, උදාහරණයක් ලෙස, විචල්‍යයක, මේ ආකාරයට:

@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);
}