Skip to content

fix(styles): utilities should override responsive typography#22573

Merged
J-Sek merged 1 commit intonextfrom
fix/typography-vs-helpers
Feb 2, 2026
Merged

fix(styles): utilities should override responsive typography#22573
J-Sek merged 1 commit intonextfrom
fix/typography-vs-helpers

Conversation

@J-Sek
Copy link
Copy Markdown
Contributor

@J-Sek J-Sek commented Feb 1, 2026

.font-weight-bold should override .text-md-display-large (but it cannot do it within the same layer)

@J-Sek J-Sek self-assigned this Feb 1, 2026
@J-Sek J-Sek added T: bug Functionality that does not work as intended/expected sass labels Feb 1, 2026
@J-Sek J-Sek added this to the v4.0.0 (Revisionist) milestone Feb 1, 2026
@KaelWD
Copy link
Copy Markdown
Member

KaelWD commented Feb 2, 2026

but it cannot do it within the same layer

Can't it? If they have the same specificity and the same layer then the last one wins, and the typography classes are before font-weight and text-mono.

@J-Sek
Copy link
Copy Markdown
Contributor Author

J-Sek commented Feb 2, 2026

.text-md-display-large lands wrapped in @media query, so it "gains" +1 to order, in a way.

You can verify it on next.vuetifyjs.com hero » title text

@KaelWD
Copy link
Copy Markdown
Member

KaelWD commented Feb 2, 2026

Yeah nvm I'm dumb they're grouped by breakpoint not by name.

@J-Sek J-Sek merged commit 878907f into next Feb 2, 2026
17 checks passed
@J-Sek J-Sek deleted the fix/typography-vs-helpers branch February 2, 2026 11:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

sass T: bug Functionality that does not work as intended/expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants