Функция calc в LESS
Нека направим функция, която ще бъде обвивка
над CSS функцията calc.
Нека нашата функция приема като първи параметър
името на свойството,
а като втори - изчисляваната стойност:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Нека използваме нашата функция:
p {
.calc(width, ~'10px + 30%');
}
Резултат от компилацията:
p {
width: calc(10px + 30%);
}
Разкажете какъв ще бъде резултатът от компилацията на следния код:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
