Sass y Compass

¿CSS?Cascading Style Sheets (Hojas de Estilo en Cascada)

Estilo separado de la estructura

HTML CSS

Estilo separado de la estructura

VentajasEstilos en uno

o pocos archivos

Estándar y accesible

Ausencia de expresiones de cálculo numérico

DesventajasRedundancia de código

¿Variables?

¿Que es Sass?

¡Syntactically Awesome

Stylesheets!

¡Syntactically Awesome

Stylesheets!

¡Syntactically Awesome

Stylesheets!

¡Syntactically Awesome

Stylesheets!

Sass es un preprocesador de CSS

Copila en CSS

Sigue las convenciones de CSS.

y añade cosas como

Variables (@variable)

Operadores (+, -, *, /, %)

Anidamiento

Parciales (@import)

Mixins @mixin()

Extender / Sucesiones

¿Pero como funciona?

¿Como se instala?

sudo apt-get install ruby1.9.1

Instalar Ruby

gem update --system gem install compass

Instalar Compass

compass create <myproject> compasa init

compasa watch

Nos vamos a un ejemplo

y Compass?

CSS Authoring Framework.

Compass es un

Compass es una serie

de Mixins que extiende Sass

Typography Vertical Rhythm

CSS3 Border Radius Box Shadow

http://compass-style.org

http://sass-lang.com

Iván Mejía Fabela!@koffer

koffer@gmail.com

compasseando.com

http://sassmeister.com

Fin de la plática