SCSS Formatter

Beautify SCSS code online by inserting your code in the editor below. It will format your data and output pretty SCSS in the Formatted SCSS editor.

If you are not able to format the SCSS you pasted, check our FAQs.

FAQs for SCSS Formatter

What is SCSS

Is a newer syntax of SASS (called Sassy CSS) that uses curly braces to separate code blocks (like in CSS). Files written in scss have the .scss extension.

What is SASS?

SASS stands for Syntactically Awesome Style Sheets. Is a preprocessor scripting language used for writting stylesheets, where SASS is compiled or intepreted into CSS. SASS is also called "the indented syntax", where it uses indentation to separate code blocks. Files written in SASS notation have the .sass extension.

What is SCSS Beautifier / Formatter?

SCSS Formatter is a free and online tool that helps you format and beautify SCSS. It's easy, quickly and no need to install any software. It supports different type of indentations: from 1 to 4 spaces and from 1 to 4 tabs.

How do I use SCSS Formatter?

First you select the type of indentation you want to give to the formatted scss. This means that you have to select if you want to use spaces or tabs for indentation.

Then, select the amount of tabs or spaces you want to give to the output.

And last but not least, insert the SCSS style sheet you want to format. The resulting code will be outputed below the Formatted SCSS label after you press the Format SCSS button.

Which browsers are supported?

All mayor web browsers are supported, including Internet Explorer, Microsoft Edge, Firefox, Chrome, Safari and Opera.

Which devices does SCSS Formatter work on?

SCSS Formatter works in any device that supports any of the browsers mentioned before. It can be a smartphone, desktop computer, notebook, tablet, etc.

Does SCSS Formatter save any of the data I format?

We don't save any of the data that you insert. We just receive your data, format it, and return it to you, without saving your data within the process.

Is SCSS Formatter secure?

SCSS Formatter is 100% secure. We use HTTPS for better performance and for security.