Parcel CSS Playground
GitHub
Options
Minify
CSS modules
Analyze dependencies
Draft syntax
Nesting
Custom media queries
Targets
Chrome:
Firefox:
Safari:
Opera:
Edge:
IE:
iOS:
Android:
Samsung:
Unused symbols
Version
local
@custom-media --modern (color), (hover); .foo { background: yellow; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; &.bar { color: green; } } @media (--modern) and (width > 1024px) { .a { color: green; } }