reduce specificity of * and ** variants

tailwindlabs · Nov 8, 2024 · beb1234 · beb1234
1 parent 54ddbb1
commit beb1234
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/tailwindcss/src/variants.test.ts b/packages/tailwindcss/src/variants.test.ts
@@ -17,7 +17,7 @@ test('force', async () => {
 
 test('*', async () => {
   expect(await run(['*:flex'])).toMatchInlineSnapshot(`
-    ":where(.\\*\\:flex > *) {
+    ":is(.\\*\\:flex > *) {
       display: flex;
     }"
   `)
@@ -26,7 +26,7 @@ test('*', async () => {
 
 test('**', async () => {
   expect(await run(['**:flex'])).toMatchInlineSnapshot(`
-    ":where(.\\*\\*\\:flex *) {
+    ":is(.\\*\\*\\:flex *) {
       display: flex;
     }"
   `)

diff --git a/packages/tailwindcss/src/variants.ts b/packages/tailwindcss/src/variants.ts
@@ -363,8 +363,8 @@ export function createVariants(theme: Theme): Variants {
   }
 
   variants.static('force', () => {}, { compounds: Compounds.Never })
-  staticVariant('*', [':where(& > *)'], { compounds: Compounds.Never })
-  staticVariant('**', [':where(& *)'], { compounds: Compounds.Never })
+  staticVariant('*', [':is(& > *)'], { compounds: Compounds.Never })
+  staticVariant('**', [':is(& *)'], { compounds: Compounds.Never })
 
   function negateConditions(ruleName: string, conditions: string[]) {
     return conditions.map((condition) => {