React-styleguidist: Custom CSS can break Styleguidist's styles

[AndrewPrifer]

Current behavior

requiring a custom CSS in the config can break Styleguidist's styles. In my case the CSS is semantic-ui and the Styleguidist styles are section headers and bodies. Would there be a way to fix this? I imagine quite some scenarios require using a custom CSS.

This is getting into feature request territory and I'm really just guessing about stuff I know very little about, but since Styleguidist is already using JSS, maybe applying a CSS reset specifically to Styleguidist components would work? Or putting examples in iframes?

To reproduce

https://github.com/andrewpeterprifer/example

Expected behavior

Styleguidist styles should be preserved.

[sapegin]

since Styleguidist is already using JSS, maybe applying a CSS reset to Styleguidist components would work?

That's what we're trying to do but it's not that easy ;-/

https://react-styleguidist.js.org/docs/development.html#styles-1

Or putting examples in iframes?

This can help with some other things too, like responsive testing. I'm not sure about performance, but worth trying, if you have some time and want to contribute ;-)

[AndrewPrifer]

@sapegin no promises yet but I will look into the iframe solution when I have some time. I wouldn't worry about performance, it seems to work well in other similar projects and otherwise people can always split their style guides into multiple pages (I guess you'd need quite a collection for this to become a problem).