Calc-funktionen i LESS
Lad os lave en funktion, som vil være en wrapper
over CSS-funktionen calc.
Lad vores funktion tage egenskabens navn som første parameter
og den beregnede værdi som anden:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Lad os bruge vores funktion:
p {
.calc(width, ~'10px + 30%');
}
Resultat af kompilering:
p {
width: calc(10px + 30%);
}
Fortæl, hvad resultatet af kompileringen af følgende kode vil være:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
