Este documento describe las características y ventajas del preprocesador LESS para CSS. LESS permite el uso de variables, mixins, funciones y aritmética para generar hojas de estilo CSS más limpias y mantenibles. También soporta importación de archivos, medios queries y bucles para organizar el código CSS de manera semántica y amigable para el SEO.
10. La palabra mágica: when
.bucle(@it) when (@it > 0) {
.span-@{it} {
// CSS de .span-X
}
.bucle((@counter – 1));
}
.loop(4);
11. Organizando el código con @import:
Lorem ipsum dolor
Lorem ipsum dolor
sit amet, consectetur
sit amet,elit. Duis
consectetur
adipiscing
posuere rhoncus suscipit.
adipiscing elit. Duis
Praesent rhoncus
posuere diam dolor, suscipit.
imperdiet sed est et,
Praesent diam dolor,
rutrum mattis ligula.
Donec commodo purus,
imperdiet sed est et,
eu placerat
rutrum in. nisi ligula.
mattis
dapibus
Donec commodo purus,
Lorem ipsum dolor
eu placerat nisi
sit amet, consectetur
dapibus in. Duis
adipiscing elit.
Normalize, ie-hacks ...
custom.less
layout.less
posuere rhoncus suscipit.
Lorem ipsum dolor
sit amet, dolor
Lorem ipsum consectetur
sit amet, consectetur
adipiscing elit. Duis
posuere rhoncus suscipit.
modules.less
12. HTML 5 y el problema del SEO
HTML 5 quiere ser semántico
SEO necesita ser semántico