50%

SCSS Beautifier

SCSS Beautifier Online


About

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};}}

Related Tools


Recently visited pages


Tags