Die calc-funksie in LESS
Kom ons maak 'n funksie wat 'n omslag sal wees
oor die CSS-funksie calc.
Laat ons funksie die eerste parameter
die eienskapsnaam aanvaar,
en die tweede - die berekende waarde:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Kom ons gebruik ons funksie:
p {
.calc(width, ~'10px + 30%');
}
Kompilasieresultaat:
p {
width: calc(10px + 30%);
}
Vertel, wat sal die resultaat van die kompilasie wees van die volgende kode:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
