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;
}
}
}
Si te ha sido útil el post y no te importa animar a que sigamos escribiendo, solo son unos segundillos invitarnos a un café ;-)
Gracias de antebrazo!
Comentarios (0) Trackbacks (0)

Aún no hay comentarios.


Leave a comment

Aún no hay trackbacks.