microTECHing
27Feb/110

Pre-procesado CSS – LESS

Less es una herramienta que permite extender tus hojas de estilo (CSS)  con variables, reglas anidadas, mixins u operaciones, por poner algunos ejemplos.

Os dejo algo de código de ejemplo:

@brand-color: #3879BD;

.rounded(@radius: 3px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}

#header {
.rounded(5px);
a {
color: @brand-color;
&:hover {
color: #000;
}
}
}