SCSS / SASS to CSS
Use the dart-sass compiler for accurate output. CSS→SCSS is lossy—see on-page notice.
When to use this tool
- Pre-compiling SCSS snippets to CSS for a blog post or docs page.
- Converting a legacy indented SASS file to modern SCSS.
- Validating SCSS in isolation before wiring it into your build pipeline.
How it works
- Paste the source stylesheet.
- Select the conversion direction.
- Copy the output.
- For CSS → SCSS, remember the conversion is lossy: review and tighten manually.
Privacy: This tool runs entirely in your browser. Your input is not sent to our servers.
CSS → SCSS/SASS is inherently lossy (nesting, variables, mixins). This tool compiles SCSS or indented SASS to CSS only.
Advertisement
Frequently asked questions
Is Dart Sass or LibSass used?
Dart Sass — the actively maintained reference implementation. LibSass is deprecated upstream.
Why is my SCSS module failing to compile?
`@use` and `@forward` require resolvable file paths, which this in-browser tool cannot provide. Inline the code or paste the fully resolved stylesheet.
Does it handle CSS custom properties?
Yes. Custom properties pass through unchanged in both directions.