Calc-funksjonen i LESS
La oss lage en funksjon som vil være en innpakning
over CSS-funksjonen calc.
La vår funksjon ta egenskapsnavnet som første parameter,
og den beregnede verdien som den andre:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
La oss bruke funksjonen vår:
p {
.calc(width, ~'10px + 30%');
}
Kompileringsresultat:
p {
width: calc(10px + 30%);
}
Fortell hva resultatet av kompilering vil være for følgende kode:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
