Getting Started with Less

Operations

Operations

Since Less is it's own functional language, it can actually do mathematical operations on the fly.

We're demoing off how simple and easy this is to do, but it doesn't become that practical to use until we start introducing variables.

// Percents
.normal-size { font-size: 18px; }
.baby-size { font-size: 100% * 0.5; }
.large-size { font-size: 100% * 1.5; }
.super-size { font-size: 100% * 2; }
// Or Pixels
.normal-size { font-size: 18px }
.baby-size { font-size: 18px * 0.5; }
.large-size { font-size: 18px * 1.5; }
.super-size { font-size: 18px * 2; }