Less (Leaner Style Sheets)
Less es un preprocesador de CSS que extiende CSS con variables, mixins, funciones y operaciones anidadas. Los archivos Less se compilan a CSS estándar y pueden compilarse tanto en el lado del servidor (Node.js) como en el navegador.
Tipo MIME
text/x-less
Tipo
Texto
Compresión
Sin pérdida
Ventajas
- + Variables and mixins reduce CSS repetition
- + Can compile in the browser without a build step
- + Simpler syntax than early Sass (no indentation rules)
Desventajas
- − Declining ecosystem — Sass is more widely used
- − Native CSS custom properties replace many Less features
- − Fewer functions and features than modern Sass
Cuándo usar .LESS
Usa Less si tu proyecto ya lo utiliza (proyectos heredados de Bootstrap 3). Para nuevos proyectos, SCSS es generalmente preferido por su ecosistema más amplio y funciones más avanzadas.
Detalles técnicos
Less usa @ para variables (a diferencia de $ en Sass), soporta anidamiento de reglas, mixins (con o sin paréntesis), funciones de protección (guards), fusión de propiedades y compilación en el navegador mediante less.js. Se compila con lessc (Node.js).
Historia
Alexis Sellier creó Less en 2009, inspirándose en Sass pero usando una sintaxis más parecida a CSS. Ganó gran popularidad como preprocesador de Bootstrap 3 (2013). Bootstrap 4 cambió a Sass/SCSS, y el uso de Less ha disminuido desde entonces.