Skip to content

Commit f3660ce

Browse files
adamwathanadamwathan
committed
Do atrocious things to sneak past minifiers for font-variant-numeric utilities
1 parent b26746a commit f3660ce

5 files changed

+105
-105
lines changed

‎__tests__/fixtures/tailwind-output-flagged.css

+25-25
Original file line numberDiff line numberDiff line change
@@ -36402,11 +36402,11 @@ video {
3640236402
}
3640336403

3640436404
.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
36405-
--font-variant-numeric-ordinal: /*!*/;
36406-
--font-variant-numeric-slashed-zero: /*!*/;
36407-
--font-variant-numeric-figure: /*!*/;
36408-
--font-variant-numeric-spacing: /*!*/;
36409-
--font-variant-numeric-fraction: /*!*/;
36405+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
36406+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
36407+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
36408+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
36409+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
3641036410
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);
3641136411
}
3641236412

@@ -77900,11 +77900,11 @@ video {
7790077900
}
7790177901

7790277902
.sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
77903-
--font-variant-numeric-ordinal: /*!*/;
77904-
--font-variant-numeric-slashed-zero: /*!*/;
77905-
--font-variant-numeric-figure: /*!*/;
77906-
--font-variant-numeric-spacing: /*!*/;
77907-
--font-variant-numeric-fraction: /*!*/;
77903+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
77904+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
77905+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
77906+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
77907+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
7790877908
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);
7790977909
}
7791077910

@@ -119368,11 +119368,11 @@ video {
119368119368
}
119369119369

119370119370
.md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
119371-
--font-variant-numeric-ordinal: /*!*/;
119372-
--font-variant-numeric-slashed-zero: /*!*/;
119373-
--font-variant-numeric-figure: /*!*/;
119374-
--font-variant-numeric-spacing: /*!*/;
119375-
--font-variant-numeric-fraction: /*!*/;
119371+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
119372+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
119373+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
119374+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
119375+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
119376119376
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);
119377119377
}
119378119378

@@ -160836,11 +160836,11 @@ video {
160836160836
}
160837160837

160838160838
.lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
160839-
--font-variant-numeric-ordinal: /*!*/;
160840-
--font-variant-numeric-slashed-zero: /*!*/;
160841-
--font-variant-numeric-figure: /*!*/;
160842-
--font-variant-numeric-spacing: /*!*/;
160843-
--font-variant-numeric-fraction: /*!*/;
160839+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
160840+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
160841+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
160842+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
160843+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
160844160844
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);
160845160845
}
160846160846

@@ -202304,11 +202304,11 @@ video {
202304202304
}
202305202305

202306202306
.xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
202307-
--font-variant-numeric-ordinal: /*!*/;
202308-
--font-variant-numeric-slashed-zero: /*!*/;
202309-
--font-variant-numeric-figure: /*!*/;
202310-
--font-variant-numeric-spacing: /*!*/;
202311-
--font-variant-numeric-fraction: /*!*/;
202307+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
202308+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
202309+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
202310+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
202311+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
202312202312
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);
202313202313
}
202314202314

‎__tests__/fixtures/tailwind-output-important.css

+25-25
Original file line numberDiff line numberDiff line change
@@ -15756,11 +15756,11 @@ video {
1575615756
}
1575715757

1575815758
.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
15759-
--font-variant-numeric-ordinal: /*!*/ !important;
15760-
--font-variant-numeric-slashed-zero: /*!*/ !important;
15761-
--font-variant-numeric-figure: /*!*/ !important;
15762-
--font-variant-numeric-spacing: /*!*/ !important;
15763-
--font-variant-numeric-fraction: /*!*/ !important;
15759+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
15760+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
15761+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
15762+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
15763+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
1576415764
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;
1576515765
}
1576615766

@@ -33979,11 +33979,11 @@ video {
3397933979
}
3398033980

3398133981
.sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
33982-
--font-variant-numeric-ordinal: /*!*/ !important;
33983-
--font-variant-numeric-slashed-zero: /*!*/ !important;
33984-
--font-variant-numeric-figure: /*!*/ !important;
33985-
--font-variant-numeric-spacing: /*!*/ !important;
33986-
--font-variant-numeric-fraction: /*!*/ !important;
33982+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
33983+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
33984+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
33985+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
33986+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
3398733987
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;
3398833988
}
3398933989

@@ -52172,11 +52172,11 @@ video {
5217252172
}
5217352173

5217452174
.md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
52175-
--font-variant-numeric-ordinal: /*!*/ !important;
52176-
--font-variant-numeric-slashed-zero: /*!*/ !important;
52177-
--font-variant-numeric-figure: /*!*/ !important;
52178-
--font-variant-numeric-spacing: /*!*/ !important;
52179-
--font-variant-numeric-fraction: /*!*/ !important;
52175+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
52176+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
52177+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
52178+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
52179+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
5218052180
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;
5218152181
}
5218252182

@@ -70365,11 +70365,11 @@ video {
7036570365
}
7036670366

7036770367
.lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
70368-
--font-variant-numeric-ordinal: /*!*/ !important;
70369-
--font-variant-numeric-slashed-zero: /*!*/ !important;
70370-
--font-variant-numeric-figure: /*!*/ !important;
70371-
--font-variant-numeric-spacing: /*!*/ !important;
70372-
--font-variant-numeric-fraction: /*!*/ !important;
70368+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
70369+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
70370+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
70371+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
70372+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
7037370373
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;
7037470374
}
7037570375

@@ -88558,11 +88558,11 @@ video {
8855888558
}
8855988559

8856088560
.xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
88561-
--font-variant-numeric-ordinal: /*!*/ !important;
88562-
--font-variant-numeric-slashed-zero: /*!*/ !important;
88563-
--font-variant-numeric-figure: /*!*/ !important;
88564-
--font-variant-numeric-spacing: /*!*/ !important;
88565-
--font-variant-numeric-fraction: /*!*/ !important;
88561+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
88562+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
88563+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
88564+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
88565+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
8856688566
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;
8856788567
}
8856888568

‎__tests__/fixtures/tailwind-output-no-color-opacity.css

+25-25
Original file line numberDiff line numberDiff line change
@@ -13308,11 +13308,11 @@ video {
1330813308
}
1330913309

1331013310
.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
13311-
--font-variant-numeric-ordinal: /*!*/;
13312-
--font-variant-numeric-slashed-zero: /*!*/;
13313-
--font-variant-numeric-figure: /*!*/;
13314-
--font-variant-numeric-spacing: /*!*/;
13315-
--font-variant-numeric-fraction: /*!*/;
13311+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
13312+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
13313+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
13314+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
13315+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
1331613316
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);
1331713317
}
1331813318

@@ -29083,11 +29083,11 @@ video {
2908329083
}
2908429084

2908529085
.sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
29086-
--font-variant-numeric-ordinal: /*!*/;
29087-
--font-variant-numeric-slashed-zero: /*!*/;
29088-
--font-variant-numeric-figure: /*!*/;
29089-
--font-variant-numeric-spacing: /*!*/;
29090-
--font-variant-numeric-fraction: /*!*/;
29086+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
29087+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
29088+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
29089+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
29090+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
2909129091
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);
2909229092
}
2909329093

@@ -44828,11 +44828,11 @@ video {
4482844828
}
4482944829

4483044830
.md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
44831-
--font-variant-numeric-ordinal: /*!*/;
44832-
--font-variant-numeric-slashed-zero: /*!*/;
44833-
--font-variant-numeric-figure: /*!*/;
44834-
--font-variant-numeric-spacing: /*!*/;
44835-
--font-variant-numeric-fraction: /*!*/;
44831+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
44832+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
44833+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
44834+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
44835+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
4483644836
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);
4483744837
}
4483844838

@@ -60573,11 +60573,11 @@ video {
6057360573
}
6057460574

6057560575
.lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
60576-
--font-variant-numeric-ordinal: /*!*/;
60577-
--font-variant-numeric-slashed-zero: /*!*/;
60578-
--font-variant-numeric-figure: /*!*/;
60579-
--font-variant-numeric-spacing: /*!*/;
60580-
--font-variant-numeric-fraction: /*!*/;
60576+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
60577+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
60578+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
60579+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
60580+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
6058160581
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);
6058260582
}
6058360583

@@ -76318,11 +76318,11 @@ video {
7631876318
}
7631976319

7632076320
.xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
76321-
--font-variant-numeric-ordinal: /*!*/;
76322-
--font-variant-numeric-slashed-zero: /*!*/;
76323-
--font-variant-numeric-figure: /*!*/;
76324-
--font-variant-numeric-spacing: /*!*/;
76325-
--font-variant-numeric-fraction: /*!*/;
76321+
--font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
76322+
--font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
76323+
--font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
76324+
--font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
76325+
--font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
7632676326
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);
7632776327
}
7632876328

0 commit comments

Comments
 (0)