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:

styles.less.calc(@name, @calc) {
  @{name}: calc(@calc);
}

Verwenden wir unsere Funktion:

styles.lessp {
  .calc(width, ~'10px + 30%');
}

Kompilierungsergebnis:

styles.cssp {
  width: calc(10px + 30%);
}

Задание 1

Erklären Sie, wie das Kompilierungsergebnis des folgenden Codes aussehen wird:

styles.lessp {
  .calc(width, ~'10px + 30%');
  .calc(height, ~'10px + 30%');
}