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.