CSS to SASS
Convert flat CSS into nested SCSS, live as you type.
Groups rules sharing a base selector into nested SCSS, live as you type — handles plain selectors and descendant/pseudo-class combinators. It doesn't understand @media/@supports blocks, comments, or comma-separated selector lists, which are left untouched. Runs entirely in your browser.
What is CSS to SASS?
Paste flat CSS and this tool groups rules that share a base selector into nested SCSS — turning `.card` and `.card .title` into `.card { .title { ... } }` — live as you type. Useful when migrating a plain-CSS codebase to Sass, or when pulling a stylesheet from somewhere that doesn't use SCSS and you want the nested structure as a starting point rather than retyping it by hand. Conversion happens entirely in your browser as you type — nothing is uploaded.
FAQ
Plain selectors and descendant/pseudo-class combinators nest correctly. @media/@supports blocks, comments, and comma-separated selector lists are left untouched at the top level rather than risking an incorrect conversion.
Yes, the nested output is standard SCSS that any Sass compiler accepts.