LESS

It's time CSS was done right – LESS is leaner css.

Setup

to get the latest development version:

sudo gem install less -s http://gemcutter.org

to get the latest stable version:

sudo gem install less

Explained

LESS allows you to write CSS the way (I think) it was meant to, that is: with variables, nested rules and mixins!

Here's some example LESS code:

    @dark: #110011;
    .outline (@width: 1) { border: (@width * 10px) solid black }

    .article {
            a { text-decoration: none }
            p { color: @dark }
            .outline(3);
    }

And the CSS output it produces:

    .article a { text-decoration: none }
    .article p { color: #110011 }
    .article { border: 30px solid black }

If you have CSS nightmares, just $ lessc style.less

For more information, see you at lesscss.org

People without whom this wouldn't have happened a.k.a Credits