Como formatar código nesta página?
Cole o código no editor à esquerda ou carregue um arquivo, escolha as opções necessárias e clique em Formatar. Confira o resultado à direita e depois copie ou salve.
O formatador de SCSS organiza folhas de estilo com recuo, espaçamento, quebra de linhas, declarações e regras aninhadas consistentes. Ele compreende variáveis SCSS, aninhamento, mixins, funções, placeholders, interpolação, comentários e diretivas de controle.
O SCSS é processado segundo sua própria sintaxe, incluindo variáveis, aninhamento, mixins, interpolação, cálculos e propriedades personalizadas. Entradas inválidas aparecem no editor de saída para que possam ser corrigidas.
Escolha tabulações ou espaços, uma largura de linha e aspas simples ou duplas. O processamento ocorre no navegador; o código SCSS não é enviado a um servidor. Use Formatador CSS quando a entrada já for CSS compilado e você também precisar minificá-lo.
Cole o código no editor à esquerda ou carregue um arquivo, escolha as opções necessárias e clique em Formatar. Confira o resultado à direita e depois copie ou salve.
A entrada deve corresponder à linguagem ou sintaxe selecionada. Verifique instruções incompletas, parênteses ou aspas sem fechamento e um dialeto ou modo incompatível, depois tente novamente.
Um formatador reconhece tokens e estruturas aninhadas da linguagem e reorganiza recuo, espaços e quebras de linha segundo regras consistentes. Ele não compila nem executa o programa, portanto não substitui uma verificação de correção ou segurança.
Comece com 2 espaços e 80 ou 100 colunas e mantenha as aspas usadas no restante da folha de estilos. Escolha tabulações ou espaços, largura de linha e aspas simples ou duplas para variáveis, aninhamento, mixins, funções, interpolação e comentários SCSS.