Es un lenguaje que compila a CSS.

• Página oficial
• Wiki

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script type="text/javascript" src="less-1.1.3.js"></script></link>

Compilar:

$ lessc styles.less styles.css

Compilar en modo minified:

$ lessc styles.less styles.css -x

Se declaran con @nombre:valor;:

@color: #a8b317;
a {
    color: @color;
}
h2 {
    color: @color;
}

Compila a:

a {
    color: #a8b317;
}
h2 {
    color: #a8b317;
}

Podemos operar sobre ellas:

@minWidth: 20%;
@columnLeft: @minWidth * 2;
@columnRight: @columnLeft + @minWidth;
@color: #4a785b;
.sideLeft {
    background-color: @color + #111;
    width: @columnLeft;
}
.sideRight {
    background-color: @color;
    width: @columnRight;
}

Compilaría a:

.sideLeft {
    background-color: #5b896c;
    width: 40%;
}
.sideRight {
    background-color: #4a785b;
    width: 60%;
}