lunes, 24 de enero de 2011

.sass, css con esteroides.

Hay cosas en el lenguaje CSS que resultan muy molestas, como por ejemplo tener que repetir una y otra vez el valor de un color determinado.
Para solucionar esto tenemos .sass que es una extensión del css y que permite entre otras cosas realizar 'includes' o la declaración de variables.
Un ejemplo:
El código:

$blue: #3bbfce;
$margin: 16px;

.content-navigation {
border-color: $blue;
color:
darken($blue, 9%);
}

.border {
padding: $margin / 2;
margin: $margin / 2;
border-color: $blue;
}


genera el css

.content-navigation {
border-color: #3bbfce;
color: #2b9eab;
}

.border {
padding: 8px;
margin: 8px;
border-color: #3bbfce;
}
Simplicidad y rapidez en el mantenimiento de los sites de internets.

Para ver más:
Sass
Plugin para Netbeans