Бекор кардани амалҳои математикӣ дар 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);
}