Variables en CSS con el plugin jQuery ccsWithvars

Tomás Corral Casas ha dejado en el foro la noticia de la publicación de su plugin para JQuery cssWithvars.

“Hoy he sacado a la luz la primera versión del plugin para jQuery que he dado a llamar "cssWithVars". Tras muchos años de desarrollo web, una de las cosas que más me ha molestado es el no poder aplicar la orientación a objetos a los CSS, y siempre terminaba con código duplicado, además los frameworks CSS disponibles, actualmente, obligan al usuario a conocer y no facilitan la orientación a objetos.

cssWithVars utiliza variables y permite la reutilización efectiva de código. Descargaros el archivo con SRC, formas de uso…”

En resumen añade la posibilidad de trabajar con variables en tu CSS.

1.- Definimos una variable en un archivo css, uno único o independiente, a tu gusto:

variable1 {

float:left;

font-size:1em;

}

2.- Esa variable la reutilizamos en cualquier parte utilizando su nombre encorchetado en cualquier otra parte del css:

.titulo_post {

[variable1]

}

3.- Podemos añadir y combinar varias variables y selectores:

.titulo_post {

[variable1]

[variable2]

[variable3]

color:#fff;

}

4.- Podemos reutilizar una clase como una variable:

.titulo_cat {

[.titulo_post]

font-size:1.2em;

}

Lo he descargado y testeado y sin duda es una nueva forma de trabajar con CSS, sobre todo si ya usas jQuery en tu sitio.

Descarga cssWithvars | GNU Lesser General Public License 3.0