postcss-playground
postcss-playground copied to clipboard
View CSS at each step
trafficstars
Even though PostCSS doesn't normally stringify the CSS at each step as that would be inefficient, I think generally it would be more helpful to see the CSS as its transformed than the input and output CSS with a bunch of JSON in the middle.
The AST could be viewable at any step (even the first one if it parses), but it would also be cool/nice if you could hover over tokens in the CSS to see the JSON for that node, similar to if you enable "Show token info" on the Ace Editor Kitchen Sink.
It looks like postcss-debug works like this, but it's difficult to set up. I'd still want this out of a playground.