Como usar: Compilador LESS para CSS
- Cole seu código Less.
- O CSS é compilado enquanto você digita; erros mostram a linha e uma explicação.
- Marque “Minify” para produção e copie ou baixe o CSS.
O que o compilador faz
Este é o Less.js, o compilador oficial do Less, rodando no seu navegador: @variables, aninhamento com &, mixins (com argumentos e guards), operações como @base * 2, funções de cor como darken() e fade(), propagação de @media, escape e e().
Less vs Sass
Os dois adicionam variáveis, aninhamento e mixins ao CSS. O Less é escrito em JavaScript e foi usado pelo Bootstrap 3 e por muitos temas de painel administrativo; já o Sass (SCSS) é mais comum em projetos novos. O CSS nativo cobre parte dessa diferença hoje, com propriedades customizadas e aninhamento, que os navegadores modernos suportam.
Imports
Os seus arquivos @import "variables.less" não podem ser lidos pelo navegador, então cole o conteúdo deles acima do código que os utiliza.
Privado por design
A compilação acontece inteiramente no seu navegador — seu código nunca é enviado, então é seguro para projetos proprietários.
Também pesquisado como: less para css, compilador less, conversor less para css, compilar less online, lesscss compiler, converter less em css.
Ferramentas que combinam com: Compilador LESS para CSS
- SCSS para CSS — Cole SCSS ou Sass indentado e receba CSS puro, compilado pelo motor oficial Dart Sass no seu navegador, com mensagens de erro que apontam a linha exata.
- Formatador de CSS — Transforme uma folha de estilo minificada em CSS legível, com uma propriedade por linha e blocos @media aninhados corretamente.
- Minificador CSS — Cole uma folha de estilos para reduzi-la na hora.
- Conversor CSS para Tailwind — Cole regras ou declarações CSS e receba as classes utilitárias do Tailwind equivalentes para cada seletor — incluindo estados hover: e valores arbitrários como p-[13px].