Etiqueta : compass

Sass, Syntactically Awesome StyleSheets

Por Tamara Osona
Junior Open Source Consultant de OpenSistemas

¿Cómo te ayudaría el uso de variables en las hojas de estilo? ¿Por qué en CSS tenemos que repetir líneas de código una y otra vez? logo-sassCuando estás en un proyecto grande con muchos elementos y clases, te haces estas preguntas y buscas alternativas. Ahí descubrí los preprocesadores de CSS, que cubren en gran parte estas necesidades.

Sass es un lenguaje de script que es traducido a CSS, inicialmente diseñado por Hampton Catlin y desarrollado por Nathan Weizenbaum. Empecé a utilizar lo básico de Sass hace un par de años, cuando estaba de prácticas, y poco a poco empecé a ver la cantidad de ventajas que tiene y lo simple que es.

Por ejemplo, puedes crear una variable si necesitas un valor más de una vez, o mixins, como conjunto de variables y propiedades, permite el uso de operaciones, bucles… Otra ventaja es el anidado, que permite a un selector heredar los estilos de otro sin duplicar las propiedades CSS, como también el hecho de poder separar los estilos en varios archivos y que Sass luego los unifique en una única hoja de estilo, permitiendo encapsular todo en un mismo CSS ayudando a reducir el número de conexiones y mejorar la performance. (más…)