SCSS Formatter beautifies SCSS stylesheets with consistent indentation, spacing, line wrapping, declarations, and nested rule layout. It understands SCSS variables, nesting, mixins, functions, placeholders, interpolation, comments, and control directives.
Formatting uses the SCSS parser included with Prettier instead of treating the source as plain CSS. Invalid syntax is shown in the output editor, while valid comments, strings, data URLs, calculations, and custom properties are preserved.
Choose tabs or spaces, a preferred line width, and single or double quotes. Processing runs locally in your browser; the SCSS source is not uploaded. Use CSS Formatter when the input is compiled CSS and you also need CSS minification.