Less (Leaner Style Sheets)
Less e um pre-processador CSS que adiciona variaveis, mixins, funcoes e aninhamento ao CSS padrao. Compila para CSS puro e pode ser executado no servidor (Node.js) ou diretamente no navegador.
Tipo MIME
text/x-less
Tipo
Texto
Compressรฃo
Sem perdas
Vantagens
- + Variables and mixins reduce CSS repetition
- + Can compile in the browser without a build step
- + Simpler syntax than early Sass (no indentation rules)
Desvantagens
- โ Declining ecosystem โ Sass is more widely used
- โ Native CSS custom properties replace many Less features
- โ Fewer functions and features than modern Sass
Quando usar .LESS
Use Less quando ja estiver integrado no seu projeto ou ferramenta. Para novos projetos, o SCSS e geralmente mais popular e melhor suportado.
Detalhes tรฉcnicos
O Less utiliza @ para variaveis (@color: #333), suporta mixins parametricos, funcoes integradas (darken, lighten, fade) e avaliacao preguicosa de variaveis. Ao contrario do SCSS, o Less pode ser compilado no navegador com less.js.
Histรณrico
Alexis Sellier criou o Less em 2009, inspirado pelo Sass mas com uma sintaxe mais proxima do CSS. O Bootstrap 3 (2013) adotou o Less, impulsionando a sua popularidade, embora o Bootstrap 4 tenha voltado para o Sass.