Реализация функции calc с помощью вендорных префиксов в LESS

Давайте сделаем функцию, которая реализует кроссбраузерную CSS функцию calc:

.calc(@name, @calc) { @{name}: -webkit-calc(@calc); @{name}: -moz-calc(@calc); @{name}: calc(@calc); }

Воспольуемся нашей функцией:

div { .calc(width, ~'10px + 30%'); }

Результат компиляции:

div { width: -webkit-calc(10px + 30%); width: -moz-calc(10px + 30%); width: calc(10px + 30%); }