[tailwindcss]: SB CSS specificity overrides TW (or other frameworks) CSS

[newtriks]

Details

Recipe Page: tailwindcss Recipe Template: tailwindcss Browser:

What is wrong

I was wondering why my mdx documentation styled with TW was only partially working. I realised it was specificity related then found:

https://github.com/storybookjs/storybook/issues/10817

Request to update docs with:

Please add a small note or gotcha section with a sentence stating that due to CSS specificity, certain styles maybe overridden in MDX files by the SB CSS and to work around this you should wrap content in a div with the sb-unstyled class.

🙏

Screenshots

😞

😌