Question 1

How do I unminify CSS?

Accepted Answer

Paste the minified stylesheet and click Format. Every rule gets its own block, every declaration its own line, and nested at-rules such as @media and @supports are indented. The output is what Prettier — the formatter used by most front-end teams — produces with default settings, so it drops straight into a codebase.

Question 2

Does it support SCSS, Less or modern CSS syntax?

Accepted Answer

Plain CSS including nesting, custom properties, container queries, layers and color functions is fully supported. SCSS and Less mostly format correctly too, because Prettier’s CSS parser tolerates them, but mixins with unusual syntax can trigger an error — the message tells you the line.

Question 3

What does the minifier remove?

Accepted Answer

Comments, line breaks, indentation, spaces around braces, colons and commas, the last semicolon in each block, leading zeros (0.5 → .5) and doubled hex digits (#ffffff → #fff). It does not merge selectors or drop unused rules, so the result is always safe to ship.

Question 4

Will formatting change what my CSS does?

Accepted Answer

No. Formatting only changes whitespace and quotes; the cascade, specificity and every value stay identical. Minifying is equally safe: browsers ignore the whitespace and comments it removes.

Question 5

Is my stylesheet uploaded?

Accepted Answer

No — Prettier runs as JavaScript inside your browser. Proprietary themes never leave your device.

CSS Formatter

Formatting rules

Frequently asked questions

Related tools