Skip to content

Lead margin bottom is overriden by paragraph margin #293

Closed
@zipper

Description

@zipper

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.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions