Introduction

Le langage de programmation Less, tirant son nom de l'abréviation de l'anglicisme Leaner Style Sheets, est un langage de programmation permet d'effectuer la programmation de feuille de style (CSS) avec des variables, des imbrications, des mixins, des opérateurs et des fonctions. Le langage de programmation Less a été créé par Alexis Sellier. Il s'agit d'un concurrent directe du langage de programmation SASS. En général, on utilise des logiciels comme WinLess, CodeKit ou Koala pour compiler le code.

Voici les caractéristiques principales de LESS :

• Variables : LESS permet de définir des variables, ce qui facilite la gestion des couleurs, des polices de caractères et des tailles. Par exemple, il suffit de changer la valeur d'une variable pour modifier l'ensemble du code où cette variable est utilisée :
1. @primary-color: #3498db;
2. body {
3.   color: @primary-color;
4. }


• Mixins : Les mixins permettent de réutiliser des blocs de code CSS. Ils sont comme des fonctions que vous pouvez appeler avec des paramètres pour appliquer des styles répétitifs :
1. .rounded-corners (@radius: 5px) {
2.   border-radius: @radius;
3.   -webkit-border-radius: @radius;
4.   -moz-border-radius: @radius;
5. }
6. div {
7.   .rounded-corners(10px);
8. }


• Nesting (Imbrication) : LESS permet d'imbriquer les règles CSS pour représenter la hiérarchie des sélecteurs, rendant le code plus lisible et organisé :
1. nav {
2.   ul {
3.     margin: 0;
4.     padding: 0;
5.     li { display: inline-block; }
6.   }
7. }


• Fonctions et opérations : LESS offre des fonctions intégrées pour effectuer des calculs et manipuler des couleurs, tailles,..., directement dans le code CSS :
1. @base: 5%;
2. @width: 100% - @base;
3. div { width: @width; }


• Importation de fichiers : LESS permet de diviser le code en plusieurs fichiers et de les importer, facilitant ainsi l'organisation et la modularité.