support tw vertical align utilities (#284)

jaredh159 · Mar 6, 2024 · 9c7f6d5 · 9c7f6d5
1 parent bcc8ae4
commit 9c7f6d5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/__tests__/simple-mappings.spec.ts b/src/__tests__/simple-mappings.spec.ts
@@ -86,6 +86,11 @@ describe(`simple style mappings`, () => {
     [`capitalize`, { textTransform: `capitalize` }],
     [`normal-case`, { textTransform: `none` }],
 
+    [`align-auto`, { verticalAlign: `auto` }],
+    [`align-top`, { verticalAlign: `top` }],
+    [`align-bottom`, { verticalAlign: `bottom` }],
+    [`align-middle`, { verticalAlign: `middle` }],
+
     // default box-shadow implementations
     [
       `shadow-sm`,

diff --git a/src/styles.ts b/src/styles.ts
@@ -109,6 +109,11 @@ const defaultStyles: Array<[string, StyleIR]> = [
   [`basis-auto`, complete({ flexBasis: `auto` })],
   [`flex-basis-auto`, complete({ flexBasis: `auto` })],
 
+  [`align-auto`, complete({ verticalAlign: `auto` })],
+  [`align-top`, complete({ verticalAlign: `top` })],
+  [`align-bottom`, complete({ verticalAlign: `bottom` })],
+  [`align-middle`, complete({ verticalAlign: `middle` })],
+
   // default box-shadow implementations
   [
     `shadow-sm`,