CSS: hojas de estilos dinámicas con less.js

Less es un proyecto desarrollado por Alexis Sellier (aka cloudhead) que se resume en un script del lado del cliente; se trata de una librería en Javascript que extiende el comportamiento de CSS.

Ya que permite el uso de variables y operadores y funciones.

Funciona perfectamente en IE6 y superiores, Webkit y Firefox.

Ejemplo de CSS con Less

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

Resultado del CSS una vez compilado

#header {
  color: #4D926F;
}
h2 {
  color: #4D926F;
}

Sitio Web | Less
Vía | Delicious