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

hacknug · web-flow · commit cc4aaaaa49c7 · 2021-07-17T15:19:14.000-04:00
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;
   }

Original file line number	Diff line number	Diff line change
`@@ -12182,6 +12182,10 @@ video {`
`12182`	`12182`	`align-self: stretch;`
`12183`	`12183`	`}`
`12184`	`12184`
	`12185`	`+.self-baseline {`
	`12186`	`+ align-self: baseline;`
	`12187`	`+}`
	`12188`	`+`
`12185`	`12189`	`.justify-self-auto {`
`12186`	`12190`	`justify-self: auto;`
`12187`	`12191`	`}`
`@@ -41417,6 +41421,10 @@ video {`
`41417`	`41421`	`align-self: stretch;`
`41418`	`41422`	`}`
`41419`	`41423`
	`41424`	`+ .sm\:self-baseline {`
	`41425`	`+ align-self: baseline;`
	`41426`	`+ }`
	`41427`	`+`
`41420`	`41428`	`.sm\:justify-self-auto {`
`41421`	`41429`	`justify-self: auto;`
`41422`	`41430`	`}`
`@@ -70640,6 +70648,10 @@ video {`
`70640`	`70648`	`align-self: stretch;`
`70641`	`70649`	`}`
`70642`	`70650`
	`70651`	`+ .md\:self-baseline {`
	`70652`	`+ align-self: baseline;`
	`70653`	`+ }`
	`70654`	`+`
`70643`	`70655`	`.md\:justify-self-auto {`
`70644`	`70656`	`justify-self: auto;`
`70645`	`70657`	`}`
`@@ -99863,6 +99875,10 @@ video {`
`99863`	`99875`	`align-self: stretch;`
`99864`	`99876`	`}`
`99865`	`99877`
	`99878`	`+ .lg\:self-baseline {`
	`99879`	`+ align-self: baseline;`
	`99880`	`+ }`
	`99881`	`+`
`99866`	`99882`	`.lg\:justify-self-auto {`
`99867`	`99883`	`justify-self: auto;`
`99868`	`99884`	`}`
`@@ -129086,6 +129102,10 @@ video {`
`129086`	`129102`	`align-self: stretch;`
`129087`	`129103`	`}`
`129088`	`129104`
	`129105`	`+ .xl\:self-baseline {`
	`129106`	`+ align-self: baseline;`
	`129107`	`+ }`
	`129108`	`+`
`129089`	`129109`	`.xl\:justify-self-auto {`
`129090`	`129110`	`justify-self: auto;`
`129091`	`129111`	`}`
`@@ -158309,6 +158329,10 @@ video {`
`158309`	`158329`	`align-self: stretch;`
`158310`	`158330`	`}`
`158311`	`158331`
	`158332`	`+ .\32xl\:self-baseline {`
	`158333`	`+ align-self: baseline;`
	`158334`	`+ }`
	`158335`	`+`
`158312`	`158336`	`.\32xl\:justify-self-auto {`
`158313`	`158337`	`justify-self: auto;`
`158314`	`158338`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12039,6 +12039,10 @@ video {`
`12039`	`12039`	`align-self: stretch;`
`12040`	`12040`	`}`
`12041`	`12041`
	`12042`	`+.self-baseline {`
	`12043`	`+ align-self: baseline;`
	`12044`	`+}`
	`12045`	`+`
`12042`	`12046`	`.justify-self-auto {`
`12043`	`12047`	`justify-self: auto;`
`12044`	`12048`	`}`
`@@ -38718,6 +38722,10 @@ video {`
`38718`	`38722`	`align-self: stretch;`
`38719`	`38723`	`}`
`38720`	`38724`
	`38725`	`+ .sm\:self-baseline {`
	`38726`	`+ align-self: baseline;`
	`38727`	`+ }`
	`38728`	`+`
`38721`	`38729`	`.sm\:justify-self-auto {`
`38722`	`38730`	`justify-self: auto;`
`38723`	`38731`	`}`
`@@ -65385,6 +65393,10 @@ video {`
`65385`	`65393`	`align-self: stretch;`
`65386`	`65394`	`}`
`65387`	`65395`
	`65396`	`+ .md\:self-baseline {`
	`65397`	`+ align-self: baseline;`
	`65398`	`+ }`
	`65399`	`+`
`65388`	`65400`	`.md\:justify-self-auto {`
`65389`	`65401`	`justify-self: auto;`
`65390`	`65402`	`}`
`@@ -92052,6 +92064,10 @@ video {`
`92052`	`92064`	`align-self: stretch;`
`92053`	`92065`	`}`
`92054`	`92066`
	`92067`	`+ .lg\:self-baseline {`
	`92068`	`+ align-self: baseline;`
	`92069`	`+ }`
	`92070`	`+`
`92055`	`92071`	`.lg\:justify-self-auto {`
`92056`	`92072`	`justify-self: auto;`
`92057`	`92073`	`}`
`@@ -118719,6 +118735,10 @@ video {`
`118719`	`118735`	`align-self: stretch;`
`118720`	`118736`	`}`
`118721`	`118737`
	`118738`	`+ .xl\:self-baseline {`
	`118739`	`+ align-self: baseline;`
	`118740`	`+ }`
	`118741`	`+`
`118722`	`118742`	`.xl\:justify-self-auto {`
`118723`	`118743`	`justify-self: auto;`
`118724`	`118744`	`}`
`@@ -145386,6 +145406,10 @@ video {`
`145386`	`145406`	`align-self: stretch;`
`145387`	`145407`	`}`
`145388`	`145408`
	`145409`	`+ .\32xl\:self-baseline {`
	`145410`	`+ align-self: baseline;`
	`145411`	`+ }`
	`145412`	`+`
`145389`	`145413`	`.\32xl\:justify-self-auto {`
`145390`	`145414`	`justify-self: auto;`
`145391`	`145415`	`}`