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
Deja una respuesta