miércoles, 25 de mayo de 2016

SASS, preprocesador para optimizar la codificación de código CSS


http://sass-lang.com/



anteriormente era scss, un acrónimo de super css, con las nuevas actializaciones se llama sass, con el nos facilita teclear mas sencillo los códigos css. por ejemplo ya no es necesario teclear {} o ; ya que con identado los asume. En los anidamientos, tambien con identaciones eliminamos la repeticion en cascada de elementos como body label a. o en bady label a:hover, con identaciones solo se pone &:hover, suponiendo
que esta en la identación de body label a. Tambien tiene facilidades en la importación de archivos @import,
Mixins, extended clases y operadores.
los mixins son como funciones que sustituyen un conjunto de reglas css con un nombre definido al grupo de esas reglas y además con un parametro que se le pasan a algunos o todas las reglas que las necesiten.
+miMixin(parametro)
   border-radius: parametro
   moz-border-radios: parametro
   ...

La extencion de classes es algo a lo que correspondería en otras sintaxis, como la separación de atributos repetidos, en una clase más sencilla, que a su vez será utilizada por las clases que utilizan ese conjunto de atributos con solo integrarla haciendo referencia a la clase base.

Estas son solo algunos de los beneficios que ofrece sass. más detalles en la página de sass documentation
http://sass-lang.com/documentation/file.SASS_REFERENCE.html#boolean_operations
con características que vale la pena revisar.

No hay comentarios:

Publicar un comentario