Membatalkan Operasi Matematik dalam LESS

Kadangkala terdapat situasi di mana kita mempunyai beberapa operasi matematik yang tidak sepatutnya ditafsirkan oleh LESS sebagai arahan untuk dikira. Sebagai contoh, masalah seperti ini timbul dalam fungsi CSS calc:

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

Nasib baik, LESS tahu bagaimana untuk mengendalikan situasi sedemikian dengan betul dan tidak akan melakukan pengiraan semasa penyusunan.

Walau bagaimanapun, terdapat situasi di mana ungkapan yang tidak memerlukan pengiraan berada di lokasi lain, contohnya, dalam pembolehubah, seperti ini:

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

Dalam kes ini, hasil pengiraan akan disimpan ke dalam pembolehubah, dan ke dalam calc akan dihantar pembolehubah dengan nilai yang telah dikira. Untuk mengelakkan ini berlaku, kita boleh nyatakan secara jelas bahawa ungkapan tersebut perlu kekal dalam bentuk asalnya.

Untuk melakukan ini, ungkapan perlu diletakkan dalam tanda petik dan diletakkan tanda tilde di hadapannya:

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

Betulkan kod supaya ia berfungsi dengan cara yang betul:

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

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