About SCSS to SASS

Convert SCSS to SASS syntax. Part of the DevTools Surf developer suite. Browse more tools in the CSS collection.

Use Cases

• Developers preferring minimal syntax for personal projects
• Ruby teams wanting Sass syntax consistent with Haml and Slim templates
• Open source contributors converting SCSS files to a project's Sass standard
• Teams migrating to indented Sass for reduced visual clutter

Tips

• Verify that curly braces and semicolons are properly removed
• Check that @include shortens to + in indented Sass syntax
• Ensure multi-line selectors maintain correct indentation levels

Fun Facts

• SCSS and indented Sass are both valid Sass languages, just with different syntax; they share the same compiler and features.
• The SCSS-to-Sass conversion is lossless, as both syntaxes support identical features and compile to the same CSS output.
• The sass-convert tool, bundled with Dart Sass, can automatically convert between SCSS and indented Sass syntax.

FAQ

What exactly changes?

Only punctuation. Same variables, mixins, functions, and control flow — just no braces and semicolons. Indentation replaces them.

Can I mix SASS and SCSS files in one project?

Yes — Dart Sass happily compiles both side by side. They share the same semantics.

Will one-liners still work?

Sass indented syntax allows single-line selectors with a comma (`.a: color red`). The converter emits these where appropriate.

Is it reversible?

Yes — run SASS to SCSS on the result and you get identical output to your original.