SCSS → CSS Converter

Compile SCSS to CSS with syntax support

Note

This is a basic SCSS to CSS converter. For full compilation with mixins, functions, and advanced features, use a proper SCSS compiler like sass or node-sass.

SCSS Input

CSS Output

--primary-color: #3b82f6;
--padding: 16px;

.button {
  padding: $padding;
  background-color: $primary-color;
  
  :hover {
    background-color: darken($primary-color, 10%);
  }
}

Converted CSS

--primary-color: #3b82f6;
--padding: 16px;

.button {
  padding: $padding;
  background-color: $primary-color;
  
  :hover {
    background-color: darken($primary-color, 10%);
  }
}