Less (Leaner Style Sheets)
Less (Leaner Style Sheets) est un préprocesseur CSS qui ajoute des variables, des mixins, des fonctions et l'imbrication au CSS. Il se compile en CSS standard et peut s'exécuter côté navigateur ou être pré-compilé avec Node.js.
Type MIME
text/x-less
Type
Texte
Compression
Sans perte
Avantages
- + Variables and mixins reduce CSS repetition
- + Can compile in the browser without a build step
- + Simpler syntax than early Sass (no indentation rules)
Inconvénients
- − Declining ecosystem — Sass is more widely used
- − Native CSS custom properties replace many Less features
- − Fewer functions and features than modern Sass
Quand utiliser .LESS
Utilisez Less si votre projet en dépend déjà. Pour les nouveaux projets, préférez SCSS (plus de fonctionnalités, communauté plus large) ou le CSS natif avec les propriétés personnalisées et l'imbrication.
Détails techniques
Less utilise la syntaxe @variable, les mixins (tout sélecteur de classe), les gardes (conditions), les opérations et les fonctions intégrées. La compilation côté navigateur via less.js est possible mais non recommandée en production. Compilation côté serveur via lessc (Node.js).
Historique
Alexis Sellier a créé Less en 2009, inspiré par Sass mais avec une syntaxe plus proche du CSS et une compilation côté navigateur. Bootstrap 3 (2013) l'a utilisé, augmentant considérablement sa popularité. Bootstrap 4 est passé à Sass, et l'utilisation de Less a diminué.