LESS-da calc funktsiyasi
Keling, CSS ning calc funktsiyasi
ustidagi o‘rab oluvchi funktsiyani yasaymiz.
Bizning funktsiyamiz birinchi parametr sifatida
xossa nomini qabul qilsin,
ikkinchi parametr sifatida esa hisoblanadigan qiymatni qabul qilsin:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Keling, bizning funktsiyamizdan foydalanamiz:
p {
.calc(width, ~'10px + 30%');
}
Kompilyatsiya natijasi:
p {
width: calc(10px + 30%);
}
Quyidagi kodning kompilyatsiya natijasi qanday bo‘lishini ayting:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
