use --tw instead of --tw-empty

tailwindlabs · Oct 4, 2022 · c632570 · c632570
1 parent 6b434bb
commit c632570
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/corePlugins.js b/src/corePlugins.js
@@ -234,7 +234,7 @@ export let variantPlugins = {
         }
 
         if (!check.includes(':')) {
-          check = `${check}: var(--tw-empty)`
+          check = `${check}: var(--tw)`
         }
 
         if (!(check.startsWith('(') && check.endsWith(')'))) {

diff --git a/tests/arbitrary-variants.test.js b/tests/arbitrary-variants.test.js
@@ -640,7 +640,7 @@ it('should support supports', () => {
             <div class="supports-[(foo:bar)or(bar:baz)]:underline"></div>
             <!-- 'and' check (raw) -->
             <div class="supports-[(foo:bar)and(bar:baz)]:underline"></div>
-            <!-- No value give for the property, defaulting to prop: var(--tw-empty) -->
+            <!-- No value give for the property, defaulting to prop: var(--tw) -->
             <div class="supports-[container-type]:underline"></div>
             <!-- Named supports usage -->
             <div class="supports-grid:underline"></div>
@@ -699,7 +699,7 @@ it('should support supports', () => {
         }
       }
 
-      @supports (container-type: var(--tw-empty)) {
+      @supports (container-type: var(--tw)) {
         .supports-\[container-type\]\:underline {
           text-decoration-line: underline;
         }