Die calc-Funktion in LESS
Lassen Sie uns eine Funktion erstellen, die ein Wrapper
über der CSS-Funktion calc ist.
Nehmen wir an, unsere Funktion nimmt den ersten Parameter
als Namen der Eigenschaft
und den zweiten als berechneten Wert:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Verwenden wir unsere Funktion:
p {
.calc(width, ~'10px + 30%');
}
Kompilierungsergebnis:
p {
width: calc(10px + 30%);
}
Erklären Sie, wie das Kompilierungsergebnis des folgenden Codes aussehen wird:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
