CSS to Sass

Convert your CSS into the indented Sass syntax: braces and semicolons removed, with automatic nesting of descendant selectors.

CSS

Sass


          

User guide

The indented Sass syntax drops braces and semicolons: structure relies on indentation. The tool also groups and nests descendant selectors.

FAQ

Should I use the .sass extension?

Yes: the indented syntax goes in .sass files, while the braced syntax uses .scss.

Spaces or tabs for indentation?

Stay consistent throughout the file. This tool outputs two-space indentation.