From 8184d20fd3254c547ebe1023b580ed2a2d2cca79 Mon Sep 17 00:00:00 2001
From: Nestor Vera <nestorvera@me.com>
Date: Sat, 17 Jul 2021 20:18:29 +0200
Subject: [PATCH] Add new utility for `align-self: baseline`

---
 src/plugins/alignSelf.js                      |  3 +++
 tests/fixtures/tailwind-output-flagged.css    | 24 +++++++++++++++++++
 tests/fixtures/tailwind-output-important.css  | 24 +++++++++++++++++++
 .../tailwind-output-no-color-opacity.css      | 24 +++++++++++++++++++
 tests/fixtures/tailwind-output.css            | 24 +++++++++++++++++++
 5 files changed, 99 insertions(+)

diff --git a/src/plugins/alignSelf.js b/src/plugins/alignSelf.js
index 35c40838146e..1ff0696aa689 100644
--- a/src/plugins/alignSelf.js
+++ b/src/plugins/alignSelf.js
@@ -17,6 +17,9 @@ export default function () {
         '.self-stretch': {
           'align-self': 'stretch',
         },
+        '.self-baseline': {
+          'align-self': 'baseline',
+        },
       },
       variants('alignSelf')
     )
diff --git a/tests/fixtures/tailwind-output-flagged.css b/tests/fixtures/tailwind-output-flagged.css
index 7fca8f85bc21..e007758d2a53 100644
--- a/tests/fixtures/tailwind-output-flagged.css
+++ b/tests/fixtures/tailwind-output-flagged.css
@@ -12182,6 +12182,10 @@ video {
   align-self: stretch;
 }
 
+.self-baseline {
+  align-self: baseline;
+}
+
 .justify-self-auto {
   justify-self: auto;
 }
@@ -41417,6 +41421,10 @@ video {
     align-self: stretch;
   }
 
+  .sm\:self-baseline {
+    align-self: baseline;
+  }
+
   .sm\:justify-self-auto {
     justify-self: auto;
   }
@@ -70640,6 +70648,10 @@ video {
     align-self: stretch;
   }
 
+  .md\:self-baseline {
+    align-self: baseline;
+  }
+
   .md\:justify-self-auto {
     justify-self: auto;
   }
@@ -99863,6 +99875,10 @@ video {
     align-self: stretch;
   }
 
+  .lg\:self-baseline {
+    align-self: baseline;
+  }
+
   .lg\:justify-self-auto {
     justify-self: auto;
   }
@@ -129086,6 +129102,10 @@ video {
     align-self: stretch;
   }
 
+  .xl\:self-baseline {
+    align-self: baseline;
+  }
+
   .xl\:justify-self-auto {
     justify-self: auto;
   }
@@ -158309,6 +158329,10 @@ video {
     align-self: stretch;
   }
 
+  .\32xl\:self-baseline {
+    align-self: baseline;
+  }
+
   .\32xl\:justify-self-auto {
     justify-self: auto;
   }
diff --git a/tests/fixtures/tailwind-output-important.css b/tests/fixtures/tailwind-output-important.css
index 0a9052f1a5c7..40e7283a9dcf 100644
--- a/tests/fixtures/tailwind-output-important.css
+++ b/tests/fixtures/tailwind-output-important.css
@@ -12182,6 +12182,10 @@ video {
   align-self: stretch !important;
 }
 
+.self-baseline {
+  align-self: baseline !important;
+}
+
 .justify-self-auto {
   justify-self: auto !important;
 }
@@ -41417,6 +41421,10 @@ video {
     align-self: stretch !important;
   }
 
+  .sm\:self-baseline {
+    align-self: baseline !important;
+  }
+
   .sm\:justify-self-auto {
     justify-self: auto !important;
   }
@@ -70640,6 +70648,10 @@ video {
     align-self: stretch !important;
   }
 
+  .md\:self-baseline {
+    align-self: baseline !important;
+  }
+
   .md\:justify-self-auto {
     justify-self: auto !important;
   }
@@ -99863,6 +99875,10 @@ video {
     align-self: stretch !important;
   }
 
+  .lg\:self-baseline {
+    align-self: baseline !important;
+  }
+
   .lg\:justify-self-auto {
     justify-self: auto !important;
   }
@@ -129086,6 +129102,10 @@ video {
     align-self: stretch !important;
   }
 
+  .xl\:self-baseline {
+    align-self: baseline !important;
+  }
+
   .xl\:justify-self-auto {
     justify-self: auto !important;
   }
@@ -158309,6 +158329,10 @@ video {
     align-self: stretch !important;
   }
 
+  .\32xl\:self-baseline {
+    align-self: baseline !important;
+  }
+
   .\32xl\:justify-self-auto {
     justify-self: auto !important;
   }
diff --git a/tests/fixtures/tailwind-output-no-color-opacity.css b/tests/fixtures/tailwind-output-no-color-opacity.css
index 665f63370dd2..4b66cbaef517 100644
--- a/tests/fixtures/tailwind-output-no-color-opacity.css
+++ b/tests/fixtures/tailwind-output-no-color-opacity.css
@@ -12039,6 +12039,10 @@ video {
   align-self: stretch;
 }
 
+.self-baseline {
+  align-self: baseline;
+}
+
 .justify-self-auto {
   justify-self: auto;
 }
@@ -38718,6 +38722,10 @@ video {
     align-self: stretch;
   }
 
+  .sm\:self-baseline {
+    align-self: baseline;
+  }
+
   .sm\:justify-self-auto {
     justify-self: auto;
   }
@@ -65385,6 +65393,10 @@ video {
     align-self: stretch;
   }
 
+  .md\:self-baseline {
+    align-self: baseline;
+  }
+
   .md\:justify-self-auto {
     justify-self: auto;
   }
@@ -92052,6 +92064,10 @@ video {
     align-self: stretch;
   }
 
+  .lg\:self-baseline {
+    align-self: baseline;
+  }
+
   .lg\:justify-self-auto {
     justify-self: auto;
   }
@@ -118719,6 +118735,10 @@ video {
     align-self: stretch;
   }
 
+  .xl\:self-baseline {
+    align-self: baseline;
+  }
+
   .xl\:justify-self-auto {
     justify-self: auto;
   }
@@ -145386,6 +145406,10 @@ video {
     align-self: stretch;
   }
 
+  .\32xl\:self-baseline {
+    align-self: baseline;
+  }
+
   .\32xl\:justify-self-auto {
     justify-self: auto;
   }
diff --git a/tests/fixtures/tailwind-output.css b/tests/fixtures/tailwind-output.css
index 7fca8f85bc21..e007758d2a53 100644
--- a/tests/fixtures/tailwind-output.css
+++ b/tests/fixtures/tailwind-output.css
@@ -12182,6 +12182,10 @@ video {
   align-self: stretch;
 }
 
+.self-baseline {
+  align-self: baseline;
+}
+
 .justify-self-auto {
   justify-self: auto;
 }
@@ -41417,6 +41421,10 @@ video {
     align-self: stretch;
   }
 
+  .sm\:self-baseline {
+    align-self: baseline;
+  }
+
   .sm\:justify-self-auto {
     justify-self: auto;
   }
@@ -70640,6 +70648,10 @@ video {
     align-self: stretch;
   }
 
+  .md\:self-baseline {
+    align-self: baseline;
+  }
+
   .md\:justify-self-auto {
     justify-self: auto;
   }
@@ -99863,6 +99875,10 @@ video {
     align-self: stretch;
   }
 
+  .lg\:self-baseline {
+    align-self: baseline;
+  }
+
   .lg\:justify-self-auto {
     justify-self: auto;
   }
@@ -129086,6 +129102,10 @@ video {
     align-self: stretch;
   }
 
+  .xl\:self-baseline {
+    align-self: baseline;
+  }
+
   .xl\:justify-self-auto {
     justify-self: auto;
   }
@@ -158309,6 +158329,10 @@ video {
     align-self: stretch;
   }
 
+  .\32xl\:self-baseline {
+    align-self: baseline;
+  }
+
   .\32xl\:justify-self-auto {
     justify-self: auto;
   }