Skip to main content

Conversor SCSS para CSS

Compile código SCSS em CSS padrão. Veja o aninhamento e expansão de variáveis em tempo real.

Entrada SCSS

Saída CSS

Compartilhar ferramenta
📖

Como usar

Step 1

Inserir SCSS

Inserir SCSS

Insira ou cole o código SCSS para converter

Step 2

Selecionar Estilo de Saída

Selecionar Estilo de Saída

Escolha o estilo de saída: expandido, comprimido, etc.

Step 3

Obter CSS

Obter CSS

Copie ou baixe o CSS convertido

Recursos

Conversão em Tempo Real

Converta para CSS em tempo real conforme você digita SCSS

Seleção de Estilo de Saída

Quatro estilos: expandido, aninhado, compacto, comprimido

Exibição de Erros

Destaque claramente erros de sintaxe SCSS

FAQ

SCSS estende CSS com variáveis, aninhamento, mixins e herança. Precisa ser compilado para CSS para os navegadores.