What is the SCSS Formatter?
SCSS adds variables, nesting and mixins to CSS. This formatter keeps all of that, and tidies the indents so nested rules are easy to follow.
Choose Minify for a compact version with comments removed. It is not compiled to CSS, so your variables and nesting stay as written.
How to use it
- Paste your SCSS in the left box.
- The clean version shows on the right.
- Copy it or save it as a file.
Why people like this tool
Prettier powered
The same formatter many teams use.
Fast and private
Runs in your browser, nothing is sent.
Shows the error
Tells you where the code is broken.
Your style
Choose indent size and line width.
