Funzione calc in LESS
Creiamo una funzione che sarà un wrapper
sulla funzione CSS calc.
Lasciamo che la nostra funzione accetti come primo parametro
il nome della proprietà,
e come secondo - il valore calcolato:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Usiamo la nostra funzione:
p {
.calc(width, ~'10px + 30%');
}
Risultato della compilazione:
p {
width: calc(10px + 30%);
}
Spiegate quale sarà il risultato della compilazione del seguente codice:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
