Funcția calc în LESS
Să creăm o funcție care va fi un wrapper
peste funcția CSS calc.
Să presupunem că funcția noastră primește primul parametru
numele proprietății,
iar al doilea - valoarea calculată:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Să folosim funcția noastră:
p {
.calc(width, ~'10px + 30%');
}
Rezultatul compilării:
p {
width: calc(10px + 30%);
}
Spuneți care va fi rezultatul compilării următorului cod:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
