Add content-normal
and content-stretch
utilities
#10645
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
I'd like to add a utility for the CSS
align-content: stretch
.This is the default align-content value for flexbox and grid layouts if none other is specified. The reason to include this in Tailwind is that it is necessary to be able to reset the
align-content
value to its default on a breakpoint, e.g.content-center lg:content-stretch
. Also it isn't possible to use arbitrary values foralign-content
sincecontent-[stretch]
would instead create the CSScontent: stretch
. So the only option to use that CSS currently is with arbitrary properties:content-center lg:[align-content:stretch]
.Let me know what you think. 😊