Função calc no LESS

Vamos criar uma função que será um wrapper sobre a função CSS calc. Deixe nossa função aceitar o nome da propriedade como primeiro parâmetro, e o valor calculado como segundo:

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

Vamos usar nossa função:

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

Resultado da compilação:

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

Задание 1

Conte-nos qual será o resultado da compilação do seguinte código:

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