Funkce calc v LESS
Vytvořme funkci, která bude obálkou
nad CSS funkcí calc.
Nechť naše funkce přijímá jako první parametr
názvu vlastnosti,
a jako druhý - vypočítávanou hodnotu:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Použijme naši funkci:
p {
.calc(width, ~'10px + 30%');
}
Výsledek kompilace:
p {
width: calc(10px + 30%);
}
Řekněte, jaký bude výsledek kompilace následujícího kódu:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
