Como usar
- Cole seu CSS, SCSS ou Less.
- Escolha a linguagem e a indentação.
- Clique em Formatar ou pressione Ctrl+Enter (⌘+Enter no Mac).
- Copie a folha de estilo formatada.
Opções explicadas
- Linguagem
- CSS, SCSS ou Less. Escolha a correta para que variáveis ($gap, @gap) e regras aninhadas sejam entendidas.
- Indentação e largura da linha
- A indentação das regras aninhadas e das declarações, e a largura a partir da qual listas longas de seletores e valores quebram de linha.
Exemplos
CSS minificado de framework. Cole um arquivo .min.css de uma linha só para ler as regras uma a uma.
Limpeza de SCSS. Cole SCSS aninhado com indentação misturada e obtenha um aninhamento consistente com dois espaços.
Perguntas frequentes
O que a formatação muda?
Coloca cada declaração em sua própria linha, padroniza os espaços em volta de dois-pontos e chaves, deixa cores hexadecimais em minúsculas e junta sequências de linhas em branco em uma só. A ordem das propriedades e os valores não mudam.
Posso desminificar o CSS de um site?
Sim. Cole o arquivo minificado e clique em Formatar. Comentários removidos pelo minificador não podem ser recuperados.
Meu código é enviado para algum servidor?
Não. A formatação é feita no seu navegador.
Privacidade
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.