Operaciones con Less

Operaciones: 

Podemos operar sobre cualquier número , color y variable. 

Las operaciones deben ir definidas entre paréntesis.


Ejemplos:

@base: 5%;
@filler: (@base * 2);
@other: (@base + @filler);
color: (#888 / 4);
background-color: (@base-color + #111);
height: (100% / 2 + @filler);

En este caso el código asustará un poco más. Pero nos devolvería un simple color basado en 888 y 111.
Distinguiendo Less entre las unidades de operaciones y los coloeres.

 @var: (1px + 5);

Dandonos como resultado la unidad px que fue la indicada.

También debemos tener en cuenta que podemos trabajar con operaciones anidadas.
Ejemplo:

width: ((@var +5) * 2);