Calc-funksjonen i LESS

La oss lage en funksjon som vil være en innpakning over CSS-funksjonen calc. La vår funksjon ta egenskapsnavnet som første parameter, og den beregnede verdien som den andre:

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

La oss bruke funksjonen vår:

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

Kompileringsresultat:

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

Задание 1

Fortell hva resultatet av kompilering vil være for følgende kode:

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