Input SCSS

You Can Also Drop File on Input Editor

Font Size
Tab Width

Formatted SCSS

Keep Reading
What is SASS/SCSS? logo

What is SASS/SCSS?

Syntactically Awesome Style Sheets (SASS) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called "the indented syntax," uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, "SCSS" (Sassy CSS), uses block formatting like that of CSS. It uses braces to denote code blocks and semicolons to separate rules within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss, respectively.

Useful Links: