From f3660ceed391cfc9390ca4ea1a729a955e64b895 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Sat, 5 Sep 2020 17:35:41 -0400 Subject: [PATCH] Do atrocious things to sneak past minifiers for font-variant-numeric utilities --- .../fixtures/tailwind-output-flagged.css | 50 +++++++++---------- .../fixtures/tailwind-output-important.css | 50 +++++++++---------- .../tailwind-output-no-color-opacity.css | 50 +++++++++---------- __tests__/fixtures/tailwind-output.css | 50 +++++++++---------- src/plugins/fontVariantNumeric.js | 10 ++-- 5 files changed, 105 insertions(+), 105 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index 4a499d18c27d..df6557ab4460 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -36402,11 +36402,11 @@ video { } .ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -77900,11 +77900,11 @@ video { } .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -119368,11 +119368,11 @@ video { } .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -160836,11 +160836,11 @@ video { } .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -202304,11 +202304,11 @@ video { } .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 8fb3c531928f..e185a2fb19e5 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -15756,11 +15756,11 @@ video { } .ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: /*!*/ !important; - --font-variant-numeric-slashed-zero: /*!*/ !important; - --font-variant-numeric-figure: /*!*/ !important; - --font-variant-numeric-spacing: /*!*/ !important; - --font-variant-numeric-fraction: /*!*/ !important; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } @@ -33979,11 +33979,11 @@ video { } .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/ !important; - --font-variant-numeric-slashed-zero: /*!*/ !important; - --font-variant-numeric-figure: /*!*/ !important; - --font-variant-numeric-spacing: /*!*/ !important; - --font-variant-numeric-fraction: /*!*/ !important; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } @@ -52172,11 +52172,11 @@ video { } .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/ !important; - --font-variant-numeric-slashed-zero: /*!*/ !important; - --font-variant-numeric-figure: /*!*/ !important; - --font-variant-numeric-spacing: /*!*/ !important; - --font-variant-numeric-fraction: /*!*/ !important; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } @@ -70365,11 +70365,11 @@ video { } .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/ !important; - --font-variant-numeric-slashed-zero: /*!*/ !important; - --font-variant-numeric-figure: /*!*/ !important; - --font-variant-numeric-spacing: /*!*/ !important; - --font-variant-numeric-fraction: /*!*/ !important; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } @@ -88558,11 +88558,11 @@ video { } .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/ !important; - --font-variant-numeric-slashed-zero: /*!*/ !important; - --font-variant-numeric-figure: /*!*/ !important; - --font-variant-numeric-spacing: /*!*/ !important; - --font-variant-numeric-fraction: /*!*/ !important; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index b91dbfe2de85..9471349dad6f 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -13308,11 +13308,11 @@ video { } .ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -29083,11 +29083,11 @@ video { } .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -44828,11 +44828,11 @@ video { } .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -60573,11 +60573,11 @@ video { } .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -76318,11 +76318,11 @@ video { } .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 3dd15d4f186a..4b75544876a1 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -15756,11 +15756,11 @@ video { } .ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -33979,11 +33979,11 @@ video { } .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -52172,11 +52172,11 @@ video { } .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -70365,11 +70365,11 @@ video { } .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } @@ -88558,11 +88558,11 @@ video { } .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: /*!*/; - --font-variant-numeric-slashed-zero: /*!*/; - --font-variant-numeric-figure: /*!*/; - --font-variant-numeric-spacing: /*!*/; - --font-variant-numeric-fraction: /*!*/; + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } diff --git a/src/plugins/fontVariantNumeric.js b/src/plugins/fontVariantNumeric.js index 181549c4fd1a..9a49b2892127 100644 --- a/src/plugins/fontVariantNumeric.js +++ b/src/plugins/fontVariantNumeric.js @@ -7,11 +7,11 @@ export default function() { addUtilities( { '.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions': { - '--font-variant-numeric-ordinal': '/*!*/', - '--font-variant-numeric-slashed-zero': '/*!*/', - '--font-variant-numeric-figure': '/*!*/', - '--font-variant-numeric-spacing': '/*!*/', - '--font-variant-numeric-fraction': '/*!*/', + '--font-variant-numeric-ordinal': 'var(--tailwind-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'var(--tailwind-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'var(--tailwind-empty,/*!*/ /*!*/)', + '--font-variant-numeric-spacing': 'var(--tailwind-empty,/*!*/ /*!*/)', + '--font-variant-numeric-fraction': 'var(--tailwind-empty,/*!*/ /*!*/)', 'font-variant-numeric': 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', },