Lead margin bottom is overriden by paragraph margin
zipper opened this issue · 2 comments
zipper commented
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.