diff --git a/CHANGELOG.md b/CHANGELOG.md index af47869a5b20..6ee1b8d9f48f 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/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index abff824f2d8c..4a499d18c27d 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 f51323cde00e..8fb3c531928f 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 48cb4d8ead76..b91dbfe2de85 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 4e63538ff90a..3dd15d4f186a 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); } diff --git a/src/plugins/fontVariantNumeric.js b/src/plugins/fontVariantNumeric.js index f881f20baec4..181549c4fd1a 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)', },