Repository: tailwindlabs/tailwindcss
Pull request #2318 (2020-09-04 21:43:43)

fix(font-variant-numeric): drop extra s
<!--

👋 Hey, thanks for your interest in contributing to Tailwind!

**Please ask first before starting work on any significant new features.**

It's never a fun experience to have your pull request declined after investing a lot of time and effort into a new feature. To avoid this from happening, we request that contributors create an issue to first discuss any significant new features. This includes things like adding new utilities, creating new at-rules, or adding new component examples to the documentation.

https://github.com/tailwindcss/tailwindcss/blob/master/.github/CONTRIBUTING.md

-->



Patch:
diff --git a/CHANGELOG.md b/CHANGELOG.md
index af47869a..6ee1b8d9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing new yet!
 
+## [1.8.1] - 2020-09-04
+
+### Fixed
+
+- Fix bug in the new font-variant-numeric utilities which broke the whole rule
+
 ## [1.8.0] - 2020-09-04
 
 ### Added
diff --git a/src/plugins/fontVariantNumeric.js b/src/plugins/fontVariantNumeric.js
index f881f20b..181549c4 100644
--- a/src/plugins/fontVariantNumeric.js
+++ b/src/plugins/fontVariantNumeric.js
@@ -11,7 +11,7 @@ export default function() {
           '--font-variant-numeric-slashed-zero': '/*!*/',
           '--font-variant-numeric-figure': '/*!*/',
           '--font-variant-numeric-spacing': '/*!*/',
-          '--font-variant-numeric-fractions': '/*!*/',
+          '--font-variant-numeric-fraction': '/*!*/',
           '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)',
         },


Test patch:
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index abff824f..4a499d18 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -36406,7 +36406,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/;
   --font-variant-numeric-figure: /*!*/;
   --font-variant-numeric-spacing: /*!*/;
-  --font-variant-numeric-fractions: /*!*/;
+  --font-variant-numeric-fraction: /*!*/;
   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);
 }
 
@@ -77904,7 +77904,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -119372,7 +119372,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -160840,7 +160840,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -202308,7 +202308,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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 f51323cd..8fb3c531 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -15760,7 +15760,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/ !important;
   --font-variant-numeric-figure: /*!*/ !important;
   --font-variant-numeric-spacing: /*!*/ !important;
-  --font-variant-numeric-fractions: /*!*/ !important;
+  --font-variant-numeric-fraction: /*!*/ !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;
 }
 
@@ -33983,7 +33983,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !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;
   }
 
@@ -52176,7 +52176,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !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;
   }
 
@@ -70369,7 +70369,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !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;
   }
 
@@ -88562,7 +88562,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !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 48cb4d8e..b91dbfe2 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -13312,7 +13312,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/;
   --font-variant-numeric-figure: /*!*/;
   --font-variant-numeric-spacing: /*!*/;
-  --font-variant-numeric-fractions: /*!*/;
+  --font-variant-numeric-fraction: /*!*/;
   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);
 }
 
@@ -29087,7 +29087,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -44832,7 +44832,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -60577,7 +60577,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -76322,7 +76322,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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 4e63538f..3dd15d4f 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -15760,7 +15760,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/;
   --font-variant-numeric-figure: /*!*/;
   --font-variant-numeric-spacing: /*!*/;
-  --font-variant-numeric-fractions: /*!*/;
+  --font-variant-numeric-fraction: /*!*/;
   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);
 }
 
@@ -33983,7 +33983,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -52176,7 +52176,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -70369,7 +70369,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }
 
@@ -88562,7 +88562,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     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);
   }