Compile SCSS to plain CSS in the browser. Supports variables, nesting, mixins, and more.
| Feature | Status | Example |
|---|---|---|
Variables ($var: value) | Yes | $primary: #333; color: $primary; |
| Nesting | Yes | .parent { .child { } } |
| & selector | Yes | .btn { &:hover { } &--active { } } |
| // comments | Yes (stripped) | // this is removed |
| /* */ comments | Yes (kept) | /* this is kept */ |
| @mixin / @include (no args) | Yes | @mixin flex { display:flex; } @include flex; |
| @mixin with arguments | Partial | Single default value supported |
| @extend | No | Not supported |
| @each / @for loops | No | Not supported |
| @function | No | Not supported |
| Interpolation (#{}) | Partial | Simple variable interpolation only |