LessCSS è un framework basato JavaScript che permette di definire regole di stile CSS utilizzando molto meno codice di quanto non sarebbe necessario utilizzando il linguaggio puro; la libreria garantisce piena compatibilità con tutti i browser più diffusi (Internet Explorer, Firefox e soluzioni basate su Webkit come Safari e Chrome), inoltre, potrà essere utilizzato anche lato server in associazione con node.JS.
Per abbreviare la sintassi necessaria alla creazione di fogli di stile, LessCSS fornisce variabili, funzioni e altri costrutti appositamente dedicate; in CSS si ha spesso la necessità di ripetere una stessa informazione più volte (ad esempio, un valore):
#header {
color: #B0624D;
}
h1 {
color: #B0624D;
}Grazie a LessCSS, invece, un’informazione potrà essere associata ad una variabile da riutilizzare in qualsiasi momento:
@color: #B0624D;
#header {
color: @color;
}
h1 {
color: @color;
}Il sito ufficiale del progetto offre una sintetica ma abbastanza esauriente decumentazione relativamente al suo utilizzo.
