How to use calc function in Less CSS

This tutorial covers How to use calc function in Less CSS files with tutorials with examples..

calc() is a function in CSS3 used to perform mathematical calculations on CSS attributes

/* cssproperty: calc(expression) */

expression formed using arithmetic operators and result value as output.

Here is an example calc example

div{
  width: calc(20px + 60px);
}

The width is calculated as 80px for the given div in CSS.

How to escape

LESS - Calc