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 :
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Utilisons notre fonction :
p {
.calc(width, ~'10px + 30%');
}
Résultat de la compilation :
p {
width: calc(10px + 30%);
}
Expliquez quel sera le résultat de la compilation du code suivant :
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
