SCSS Formatter
Format SCSS with consistent indentation and readable nested selectors. Clean up variables, mixins and stylesheet blocks without compiling them.
Hover over or focus a field for help. Press Escape to close.
How it works
Paste your content or load the example. Choose the available options, run the tool, then copy or download the result.
A practical example
SCSS
$color:red;.card{color:$color;&:hover{color:blue;}}Frequently asked questions
Is my input sent to a server?
No. Your content is processed in this browser. It is never sent to the server or saved.
What should I know about SCSS Formatter?
Uses the SCSS parser with adjustable indentation. Formatting does not compile SCSS to CSS or resolve imports, mixins or variables. Invalid syntax produces an error.