Formatador SCSS
Formate SCSS com indentação consistente e seletores aninhados legíveis. Organize variáveis, mixins e blocos de estilos sem os compilar.
Passe o cursor sobre um campo ou selecione-o para ver a ajuda. Pressione Escape para fechar.
Como funciona
Cole o conteúdo ou abra o exemplo. Escolha as opções disponíveis, execute a ferramenta e copie ou descarregue o resultado.
Um exemplo prático
SCSS
$color:red;.card{color:$color;&:hover{color:blue;}}Perguntas frequentes
Meu texto é enviado a um servidor?
Não. O conteúdo é processado neste navegador. Não é enviado ao servidor nem salvo.
O que devo saber sobre Formatador SCSS?
Usa o analisador SCSS com indentação ajustável. A formatação não compila SCSS para CSS nem resolve importações, mixins ou variáveis. Sintaxe inválida produz um erro.