First/last baseline utilities

[smhmd]

Can we have items-first-baseline and items-last-baseline? Useful in being able to align baseline with the last line.

Can I use: https://caniuse.com/mdn-css_properties_align-items_flex_context_first_last_baseline
MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items#syntax

.items-first-baseline {
  align-items: first baseline;
}
.items-last-baseline {
  align-items: last baseline;
}

[lucasecdb]

I just came across this, and it doesn't seem too hard to implement. Is it just a matter of adding the respective classes to this object or we need to do something else (specially regarding the JIT compiler)?

tailwindcss/src/corePlugins.js

Lines 948 to 954 in ea80db2

	addUtilities({
	'.items-start': { 'align-items': 'flex-start' },
	'.items-end': { 'align-items': 'flex-end' },
	'.items-center': { 'align-items': 'center' },
	'.items-baseline': { 'align-items': 'baseline' },
	'.items-stretch': { 'align-items': 'stretch' },
	})

[Emmitt121]

I faced similar kind of issue last time, I am still searching for some proper solution.

epayitonline

[SneakySensei]

Now that all three major browser engines support it, I think it's about time we added it to the utilities.
https://web.dev/last-baseline/

PS: I would love to work on this if this feature deems relevant 😄