tailwindcss 0.0.0-insiders.df011dc → 0.0.0-insiders.ebc1c7a

package/CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Throw when trying to `@apply` the `group` class ([#4666](https://github.com/tailwindlabs/tailwindcss/pull/4666))
 - Remove dependency on `modern-normalize`, inline and consolidate with Preflight ([#5358](https://github.com/tailwindlabs/tailwindcss/pull/5358))
 - Enable extended color palette by default with updated color names ([#5384](https://github.com/tailwindlabs/tailwindcss/pull/5384))
+- Move `vertical-align` values to config file instead of hard-coding ([#5487](https://github.com/tailwindlabs/tailwindcss/pull/5487))
 
 ### Added
 
@@ -21,6 +22,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Preserve original color format when adding opacity whenever possible ([#5154](https://github.com/tailwindlabs/tailwindcss/pull/5154))
 - Add `scroll-behavior` utilities ([#5388](https://github.com/tailwindlabs/tailwindcss/pull/5388))
 - Add `border-hidden` utility ([#5485](https://github.com/tailwindlabs/tailwindcss/pull/5485))
+- Add `align-sub` and `align-super` utilities by default ([#5486](https://github.com/tailwindlabs/tailwindcss/pull/5486))
 
 ### Fixed
 

package/lib/corePlugins.js

@@ -1946,7 +1946,8 @@ let textIndent = (0, _createUtilityPlugin.default)('textIndent', [['indent', ['t
 exports.textIndent = textIndent;
 
 let verticalAlign = ({
-  addUtilities
+  addUtilities,
+  matchUtilities
 }) => {
   addUtilities({
     '.align-baseline': {
@@ -1966,8 +1967,22 @@ let verticalAlign = ({
     },
     '.align-text-bottom': {
       'vertical-align': 'text-bottom'
+    },
+    '.align-sub': {
+      'vertical-align': 'sub'
+    },
+    '.align-super': {
+      'vertical-align': 'super'
     }
   });
+  matchUtilities({
+    align: value => ({
+      'vertical-align': value
+    })
+  }, {
+    values: {},
+    type: 'any'
+  });
 };
 
 exports.verticalAlign = verticalAlign;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "0.0.0-insiders.df011dc",
+  "version": "0.0.0-insiders.ebc1c7a",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",

package/src/corePlugins.js

@@ -1477,7 +1477,7 @@ export let textAlign = ({ addUtilities }) => {
 
 export let textIndent = createUtilityPlugin('textIndent', [['indent', ['text-indent']]])
 
-export let verticalAlign = ({ addUtilities }) => {
+export let verticalAlign = ({ addUtilities, matchUtilities }) => {
   addUtilities({
     '.align-baseline': { 'vertical-align': 'baseline' },
     '.align-top': { 'vertical-align': 'top' },
@@ -1485,7 +1485,18 @@ export let verticalAlign = ({ addUtilities }) => {
     '.align-bottom': { 'vertical-align': 'bottom' },
     '.align-text-top': { 'vertical-align': 'text-top' },
     '.align-text-bottom': { 'vertical-align': 'text-bottom' },
+    '.align-sub': { 'vertical-align': 'sub' },
+    '.align-super': { 'vertical-align': 'super' },
   })
+
+  matchUtilities(
+    {
+      align: (value) => ({
+        'vertical-align': value,
+      }),
+    },
+    { values: {}, type: 'any' }
+  )
 }
 
 export let fontFamily = createUtilityPlugin('fontFamily', [['font', ['fontFamily']]], {