Skip to content

Conversation

@RobinMalfait
Copy link
Member

@RobinMalfait RobinMalfait commented Nov 8, 2024

Increase the specificity of the * and ** variants. This will now use :is(…) instead of :where(…).

In Tailwind CSS v3 we used & > * instead of :where(& > *) which means that this isn't a breaking change anymore.

This also allows us to use codemod things like [&>[data-visible]]:flex and [&_[data-visible]]:flex to *:data-visible:flex and **:data-visible:flex respectively.

@RobinMalfait RobinMalfait requested a review from a team as a code owner November 8, 2024 15:04
@RobinMalfait RobinMalfait changed the title Reduce specificity * and ** variants Increase specificity * and ** variants Nov 8, 2024
@RobinMalfait RobinMalfait force-pushed the fix/reduce-specificity-on-children-variant branch from beb1234 to 69732cd Compare November 8, 2024 15:07
@RobinMalfait RobinMalfait changed the title Increase specificity * and ** variants Increase specificity of * and ** variants Nov 8, 2024
@adamwathan adamwathan enabled auto-merge (squash) November 8, 2024 15:12
@adamwathan adamwathan force-pushed the fix/reduce-specificity-on-children-variant branch from 5aed7dc to 867bb7e Compare November 8, 2024 15:19
@adamwathan adamwathan disabled auto-merge November 8, 2024 15:19
@adamwathan adamwathan merged commit 97da59f into next Nov 8, 2024
1 check passed
@adamwathan adamwathan deleted the fix/reduce-specificity-on-children-variant branch November 8, 2024 15:19
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 this pull request may close these issues.

3 participants