Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
newtriks opened this issue Oct 26, 2023 · 2 comments
Open
Assignees

Comments

@newtriks
Copy link

newtriks commented Oct 26, 2023

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:

storybookjs/storybook#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

😞
Screenshot 2023-10-26 at 16 01 19

😌
Screenshot 2023-10-26 at 16 01 34

@ShaunEvening
Copy link
Contributor

Hey @newtriks 👋

This is a great call out <3 I'm going to add this to my to do this for early next week. Stay tuned 📻

@wlsp
Copy link

wlsp commented Nov 19, 2024

Any update to this issue?! :0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants