CSS con

super poderes

Preprocesadores

SASS

LESS

STYLUS

SASS o SCSS es el lenguaje extensión de CSS más poderoso y profesional

Instalación

Aplicaciones

Linea de comandos

CodeKit

Compass.app

Ghostlab

Hammer

Koala

LiveReload

Instalar con ruby (consola):

gem install sass

¿Cómo funciona?

Archivo principal: style.scss

Archivos parciales: _header.scss

Procesa todo junto a: style.css

Ventajas

Variables

Anidación

Parciales

Importar

Mixins

Extender

Variables

Anidación

Parciales

&

Importar

Mixins

Extender

Conclusión

Sass es una herramienta que permite generar mejor calidad de código CSS, optimizar la cantidad de lineas escritas y reutilizar estilos fácilmente

Syntactically Awesome

Style Sheets