postcss-playground icon indicating copy to clipboard operation
postcss-playground copied to clipboard

View CSS at each step

Open 1j01 opened this issue 9 years ago • 1 comments
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.

1j01 avatar Sep 28 '16 00:09 1j01

It looks like postcss-debug works like this, but it's difficult to set up. I'd still want this out of a playground.

1j01 avatar Oct 03 '16 04:10 1j01