LESS CSS

Définition

LESS est un pré-processeur CSS qui permet de personnaliser la feuille de style et la réutiliser pour le site web.

C'est un langage de script qui compile le fichier CSS en respectant la syntaxe régulière de CSS afin qu'il sera lu par le navigateur Web.

Ce langage fournit des fonctionnalités comme des variables, des mixins, des fonctions et des opérations qui vous permet de construire un CSS dynamique.

Historique

LESS est un langage conçu par Alexis Sellier en 2009 influencé par Sass et a influencé "SCSS" (la syntaxe plus récente de Sass).

Ce langage est implémenté en open source. La première version de LESS a été écrit en Ruby et dans les versions ultérieures, il est remplacé par JavaScript.

Pourquoi LESS?

Malgré les évolutions de CSS, les programmeurs réclamaient toujours des problèmes au niveau de notion de variables et ou constantes.

LESS vient avec la solution et améliore la syntaxe de CSS pour satisfaire les programmeurs. Ili étend les capacités de description de feuille de styles CSS.

Ce nouveau langage maintient le code de façon modulaire ce qui est très important en le rendant lisible et facilement modifiable.

Exemple de couleur

Code CSS standard

#header{ color: #FFFF00; }
..
h2 {  color: #FFFF00; }

Code LESS

@color: #FFFF00;
#header { color: @color; }
h2 {  color: @color; }