Conversor de LESS para CSS

Conversor de LESS para CSS online e gratuito. Cole seu código LESS e obtenha o código CSS equivalente e válido sem a necessidade de uma ferramenta de build.

Sobre esta ferramenta

LESS é um pré-processador CSS que estende a linguagem com variáveis, regras aninhadas, mixins e funções, tornando as folhas de estilo mais organizadas e reutilizáveis. Como os navegadores só entendem CSS puro, o LESS precisa ser compilado antes de ser usado.

Casos de Uso

  • Teste Rápido de TrechosTeste variáveis, mixins ou regras de aninhamento LESS sem configurar um ambiente de build local.
  • Depuração de EstilosIsole e depure blocos LESS específicos para entender o CSS gerado e encontrar erros com facilidade.
  • Migração de CódigoConverta folhas de estilo LESS existentes para CSS puro ao migrar projetos que não usam mais pré-processadores.

Como Funciona

1

Cole o seu LESS

Cole ou arraste o arquivo LESS no editor. Variáveis, mixins e aninhamento são suportados.

2

Clique em Converter

Pressione o botão Converter e a ferramenta compila o LESS instantaneamente no navegador.

3

Copie o CSS

O CSS gerado aparece no editor pronto para uso. Clique em Copiar CSS para copiar para a área de transferência.

Perguntas e Respostas

O meu código LESS é enviado para algum servidor?

Não. A compilação é feita inteiramente no seu navegador. O seu código nunca sai do seu dispositivo.

Suporta todos os recursos do LESS?

Sim. Variáveis, mixins, aninhamento, funções e a maioria dos recursos da linguagem LESS são totalmente suportados.

O que acontece se o LESS tiver um erro?

A ferramenta exibe uma mensagem de erro descritiva para que você possa localizar e corrigir o problema.

Leitura Recomendada:Wikipedia (LESS)

Veja também