@tbela99/css-parser Playground
Parse Options
Minify
Parse color
Resolve @import
Remove @charset
Remove empty nodes
Remove CSS prefixes
Deduplicate declarations
Shorthand
Math expressions
Inline CSS variables
Minify Transform
Lenient validation
CSS Nesting
Rewrite URLs
Sourcemap
Validation
None
Default
All
Render Options
Beautify
Minify
Convert color
NONE
HEX
RGB
HSL
HWB
CMYK
SRGB
SRGB_LINEAR
DISPLAY_P3
PROPHOTO_RGB
A98_RGB
REC2020
XYZ
XYZ_D50
LAB
LCH
OKLAB
OKLCH
Remove comments
Preserve license
Soucemap
Expand nesting rules
CSS Preset
None
Calc
Validation
Remove Prefixes
Import Bootstrap
Import Tailwind CSS
:root { --color: green; } ._19_u :focus { color: hsl(from var(--color) calc(h * 2) s l); } :root { --preferred-width: 20px; } .foo-bar { width: calc(calc(var(--preferred-width) + 1px) / 3 + 5px); height: calc(100% / 4); transform: scaleX(1.5) scaleY(2); }}
Result
Stats
Errors
AST
GitHub