# Реализация функции 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%); }`
← →
↑