Table of Contents

    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; }