Calculating Measurements in LESS (Video Tutorial)

No one ever claimed that CSS was the right place to perform mathematical calculations; in fact, it’s near impossible even for simple functions. (Even with the CSS3 calc function, it can be difficult.) That’s where LESS comes in. The ability to perform functions is one of its strong points.

In this video tutorial, you will learn how to complete calculations using LESS. The tutorial takes you through building an evenly spaced grid using just a hint (or two) of math.

Using calculations, you will create a row of same-size and evenly spaced boxes. A good understanding of coding practices is needed to complete this video lesson.

[embedded content]

What you will learn in this tutorial: How to use LESS to perform mathematical functions.

Video run time: 4 minutes


  1. Mark Rivera Feb 16, 5:18 am
  2. Jason Feb 25, 10:52 am