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

Lead margin bottom is overriden by paragraph margin #293

Closed
zipper opened this issue Jan 10, 2023 · 2 comments · Fixed by #294
Closed

Lead margin bottom is overriden by paragraph margin #293

zipper opened this issue Jan 10, 2023 · 2 comments · Fixed by #294
Assignees

Comments

@zipper
Copy link

zipper commented Jan 10, 2023

What version of @tailwindcss/typography are you using?

0.5.7

What version of Node.js are you using?

v18.13.0

What browser are you using?

Chrome (doesn't matter)

What operating system are you using?

Windows (doesn't matter)

Reproduction repository

https://codepen.io/zipper/pen/XWBMaXL

Describe your issue

When using .lead paragraph inside .prose, the bottom margin is overridden by paragraph margin-bottom because of how the selectors are ordered. On the url above, the expected bottom margin for the lead is 1.2em, but in fact it is 1.25em from paragraph.

When .prose-lg is used, margins are as expected as defined for the lead itself. In fact, in every other prose than DEFAULT, the margins works as expected.

The same issue has already been submitted but closed previously #256.

@bradlc
Copy link
Contributor

bradlc commented Jan 10, 2023

Thanks for reporting this @zipper. Should be fixed in v0.5.9 👍

@zipper
Copy link
Author

zipper commented Jan 11, 2023

@bradlc Yes, it is fixed, thank you 👍

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

Successfully merging a pull request may close this issue.

2 participants