La fonction calc dans LESS

Créons une fonction qui servira de wrapper autour de la fonction CSS calc. Notre fonction prendra comme premier paramètre le nom de la propriété, et comme second - la valeur calculée :

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

Utilisons notre fonction :

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

Résultat de la compilation :

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

Задание 1

Expliquez quel sera le résultat de la compilation du code suivant :

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