Error Message
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/
https://codebeautify.org/scss-beautifier?url= https://gist.gi thubusercontent .com/cbmgit/5c5 ac8e0817fc8d4da 02d558b34589b0/ raw/HealthInsur ance.scss
SCSS Data as Parameter
Load SCSS Data in Browser URL input like this https://codebeautify.org/
https://codebeautify.org/scss-beautifier?input= @each $color, $value in $healthinsuranc e { .swatch-#{$colo r} { color: color-yiq($valu e); background-colo r: #{$value}; }}