Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 2 de febrero de 2011

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

less - hojas de estilo dinámicas

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.

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

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
Share:

Publicidad

Estadísticas

A cotidiano, me siguen