SCSS Beautifier
Beautify and minify SCSS stylesheets with nested rule support.
SCSS Beautifier & Minifier
What it does
The SCSS Beautifier and Minifier formats SCSS stylesheets with proper indentation for nested rules, variables, and mixins, or compresses them by removing all whitespace and comments.
How to use
- Paste your SCSS code into the input area
- Click Beautify for clean, indented SCSS
- Click Minify to compress
- Copy the result
Common use cases
- Formatting auto-generated SCSS from tools
- Cleaning up SCSS before committing to version control
- Making compressed SCSS readable for debugging
- Standardizing nested rule indentation
Privacy
All processing runs in your browser. Nothing is sent to any server.
Related tools
- CSS Beautifier — Format standard CSS
- LESS Beautifier — Format LESS stylesheets
FAQ
Does it compile SCSS to CSS? No, it only formats SCSS syntax. Use a Sass compiler to generate CSS.
Are Sass variables preserved?
Yes, $variable syntax is preserved correctly.
Does it handle @mixin and @include?
Yes, these directives are preserved and formatted.
Embelezador e Minificador SCSS
O que faz
O Embelezador e Minificador SCSS formata folhas de estilo SCSS com indentação adequada para regras aninhadas, variáveis e mixins, ou as comprime removendo todos os espaços e comentários.
Como usar
- Cole seu código SCSS na área de entrada
- Clique em Embelezar para SCSS limpo e indentado
- Clique em Minificar para comprimir
- Copie o resultado
Casos de uso comuns
- Formatar SCSS auto-gerado por ferramentas
- Limpar SCSS antes de commitar no controle de versão
- Tornar SCSS comprimido legível para depuração
- Padronizar indentação de regras aninhadas
Privacidade
Todo o processamento roda no seu navegador. Nada é enviado para nenhum servidor.
Ferramentas relacionadas
- Embelezador CSS — Formate CSS padrão
- Embelezador LESS — Formate folhas LESS
Perguntas frequentes
Compila SCSS para CSS? Não, apenas formata sintaxe SCSS. Use um compilador Sass para gerar CSS.
Variáveis Sass são preservadas?
Sim, a sintaxe $variavel é preservada corretamente.
Suporta @mixin e @include?
Sim, essas diretivas são preservadas e formatadas.