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.
SCSS syntax is handled separately from plain CSS, including variables, nesting, mixins, interpolation, calculations, and custom properties. Invalid input appears in the output editor so it can be corrected.
Choose tabs or spaces, a preferred line width, and single or double quotes. Processing runs in your browser, so the SCSS source is not uploaded to a server. Use CSS Formatter when the input is compiled CSS and you also need CSS minification.