Paste CSS and get tidy, consistently indented code, or a compact minified version.
Beautify mode formats the stylesheet using Prettier, a widely used code formatter. Rules are broken onto separate lines, declarations are indented, spacing around colons and braces is normalized and long selector lists are wrapped sensibly.
Minify mode removes comments and unnecessary whitespace and trims the final semicolon in each block. Minifying here is a basic transformation, so for large production builds use a dedicated build tool that can also merge rules.
Beautifying only changes whitespace and line breaks. Minifying removes comments and whitespace but keeps every declaration.
The formatter shows the first parse error with its position instead of producing partial output.
Use the SCSS Formatter for SCSS syntax such as nesting and variables.