sneakertack / postcss-playground Goto Github PK

Somehow integrate with RunKit for the ability to require any module without installing it, right on the page. Then you could use any plugins, which would make this tool vastly more useful, and of course funner.

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.