LESS-da matematik amallaryny ýatyrmak
Käwagt şeýle ýagdaýlar bolýar, bizde käbir
matematik amal bolup, ony LESS hasaplamak üçin
buýruk hökmünde düşünmezlik gerek. Mysal üçin,
muňa meňzeş problema CSS funksiýasy
calc-da ýüze çykýar:
div {
width: calc(100% - 10px);
}
Bagtlylyk bilen, LESS şuňa meňzeş ýerleri dogry işleýär we kompilirleýänkä hasaplama geçirmeýär.
Emma, hasaplama talap etmeýän ifadeniň başga bir ýerde, mysal üçin, üýtgeýjide ýerleşen ýagdaýlary hem bar. Mysal üçin:
@exp: 100% - 10px;
div {
width: calc(@exp);
}
Bu ýagdaýda, üýtgeýjä hasaplanylan netije ýazylar,
we calc-a hasaplanylan bahaly üýtgeýji iberiler.
Munuň bolmagyň ýoly ýok, ifadeniň üýtgewsiz görnüşde
galmalydygyny aýdyň görkezmelidir.
Bunun üçin ifade dyrnak işgäri içine alynmaly we öňüne tilda nyşany goýulmaly:
@exp: ~'100% - 10px';
div {
width: calc(@exp);
}
Kody dogry işlemek üçin düzediň:
@exp1: 80% + 10px;
@exp2: 30vh - 10px;
div {
width: calc(@exp1);
margin-top: calc(@exp2);
}