SASS, una manera diferente de trabajar con CSS. Para los que están acostumbrados a programar en lenguajes de alto nivel, les resultará mucho más cercano y versátil que la edición de CSS tradicional. Su principal reclamo es la simplicidad y la legibilidad del código que generamos.

Compass, sin embargo, es la herramienta que nos permitirá generar en tiempo real nuestras CSS a partir de los archivos en SASS, de una manera totalmente transparente.

¿Qué es SASS?

SASS es un meta-lenguaje mediante el cuál podremos describir los estilos de nuestros documentos de una manera más clara y estructurada. Lo que se hace después es interpretar ese meta código y generar una CSS válida con los valores declarados en nuestros archivos SASS.

Primero vamos a intentar familiarizarnos con la sintaxis de SASS.

	#container
		width: 1000px
		height: 100%

	#header
		width: 100%
		height: 50px
		color: #171717

Como podéis ver en ejemplo anterior no hay apertura ni cierres de selectores, tampoco hay indicación de fin de sentencia con ;. Este lenguaje al igual que Python, entre otros, se basa en la tabulación del código. Interpreta el final de una sentencia mediante el salto de línea y la herencia según la tabulación. Con lo que el resultado que obtendríamos de este código en CSS sería el siguiente.

	#container { width: 1000px; height: 100%; }

	#container #header { width:100%; height:50px; color:#171717; }

¿Por qué usar SASS?

Hay claramente dos motivos que pueden hacer decantarnos por empezar a utilizar SASS. Por un lado está la ganancia en legibilidad. Es mucho ...

» seguir leyendo