Sass Optimizer
Convert CSS to SCSS, compile Sass, format CSS, and optimize your stylesheets.
Input language
Choose the stylesheet format you want to work with.
Choose an operation
Input CSS
Output
Selected: CSS to SCSS
Input statistics
19
Declarations
5
Selectors
1
Comments
0
At-rules
SCSS variable suggestions
Find repeated color and size values in your input and suggest reusable SCSS variables.
$color-ffffff: #ffffff; $color-333333: #333333;
About Sass Optimizer
Use this tool to convert CSS into SCSS, compile SCSS into CSS, format stylesheets, and reduce CSS output size. Your code is processed in your browser.
CSS to SCSS: Attempts simple descendant-selector nesting. Complex selectors are left unchanged.
SCSS to CSS: Compiles Sass syntax using the Sass compiler.
Minify CSS: Removes ordinary comments and whitespace formatting. Always review the result before using it in production.
Variable suggestions: Identifies repeated color and size values. Suggestions are not automatically applied to your stylesheet.