Funktionen calc i LESS
Låt oss skapa en funktion som kommer att vara ett omslag
kring CSS-funktionen calc.
Låt vår funktion ta egenskapens namn som första parameter
och det beräknade värdet som den andra:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Låt oss använda vår funktion:
p {
.calc(width, ~'10px + 30%');
}
Resultatet av kompilering:
p {
width: calc(10px + 30%);
}
Berätta vad resultatet av kompileringen av följande kod kommer att vara:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
