html69// dev utilities

CSS tool

SCSS to CSS Converter

Paste SCSS or indented Sass. Compile modules, maps, and partials with Dart Sass in the browser. Copy expanded CSS, compressed CSS, or a source map. Files stay on this device.

Like the tool? Find a bug?Share with us

Converter

Compile with Dart Sass in this tab. @use "tokens" resolves a partial named tokens.scss. Built-in sass:* modules work. Drop several files: the first is the entry, the rest become partials. Files stay on this device.

Supported files: .scss, .sass
0 / 50,000
Compiled CSS will appear here.

Partials

@use "tokens" matches tokens.scss or _tokens.scss. .sass and .css names are honored.

No extra files. Add a partial when the entry @use or @forward another stylesheet.

Guide

How this SCSS to CSS converter works

01

SCSS is CSS with extras

Variables, nesting, mixins, and @use modules compile down to plain CSS. Browsers still need that CSS — this tool is the compile step.

02

Runs in your tab

Sample, Modules, Maps, and Indented are starting points. Dart Sass compiles locally — including sass:math and sass:color.

03

Partials, maps, and source maps

Add files so @use "tokens" resolves. Switch SCSS and indented Sass. Copy a source map or omit @charset when you embed CSS in HTML.

Use it

What compiles well

Variables, nesting, mixins, maps, @each, @forward, media queries, and built-in modules compile. Put extra stylesheets in Partials — @use "tokens" looks for tokens.scss or _tokens.scss. The 50,000 character cap counts the entry and every partial.

FAQ

Questions

Is this Sass or SCSS?

Both. SCSS is the default (braces and semicolons). Switch to Sass for the indented .sass syntax. A partial named *.sass is parsed as indented too.

Can I @use other files?

Yes. Add a partial and @use "tokens" (or @forward / @import). Built-in modules such as sass:math work with no extra file. There is no disk and no npm packages.

What is the source map for?

It maps generated CSS back to the SCSS you typed, including partials. Copy the JSON when you need to debug compiled output. Omit @charset if you will paste CSS into an HTML style tag.

Is my SCSS uploaded anywhere?

No. Dart Sass runs in your browser tab. There is no account and no API call.