Post on 13-Jun-2015
description
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
Fin de la plática