Add new utility for align-self: baseline (#5000)

tailwindlabs · Jul 17, 2021 · cc4aaaa · cc4aaaa
1 parent 95688ba
commit cc4aaaa
Show file tree

Hide file tree

Showing 5 changed files with 99 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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;
   }