SCSS Beautifier Online

SCSS (Sassy CSS or Syntactically Awesome Style Sheet) is a superset of CSS, It's also an advance version of CSS., for more info visit sass-lang.com

SCSS Formatter helps to format unformatted or ugly SCSS script and helps to save and share SCSS script.

What can you do with SCSS Formatter?

It helps to beautify your SCSS script.
This tool allows loading the SCSS URL to beautify. Click on the URL button, Enter URL and Submit.
This tool supports loading the SCSS File to beautify. Click on the Upload button and select File.
SCSS beautifier Online works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.

Example of SCSS

SCSS data Try it.

@each $color, $value in $healthinsurance {
  .swatch-#{$color} {
    color: color-yiq($value);
    background-color: #{$value};
  }
}

For Advanced Users

SCSS External URL

Load SCSS External URL in Browser URL like this https://codebeautify.org/scss-beautifier?url=external-url

https://codebeautify.org/scss-beautifier?url=https://gist.githubusercontent.com/cbmgit/5c5ac8e0817fc8d4da02d558b34589b0/raw/HealthInsurance.scss

SCSS Data as Parameter

Load SCSS Data in Browser URL input like this https://codebeautify.org/scss-beautifier?input=inputdata

https://codebeautify.org/scss-beautifier?input=@each $color,$value in$healthinsurance {.swatch-#{$color} { color:color-yiq($value);background-color: #{$value};}}