Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add content-normal and content-stretch utilities #10645

Merged
merged 2 commits into from
Mar 1, 2023
Merged

Add content-normal and content-stretch utilities #10645

merged 2 commits into from
Mar 1, 2023

Conversation

dcastil
Copy link
Contributor

@dcastil dcastil commented Feb 21, 2023

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 for align-content since content-[stretch] would instead create the CSS content: 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. 😊

@reinink reinink changed the title Add content-stretch utility Add content-normal and content-stretch utilities Mar 1, 2023
@reinink reinink merged commit e366985 into tailwindlabs:master Mar 1, 2023
@reinink
Copy link
Member

reinink commented Mar 1, 2023

Hey thanks for this! I think this makes sense to add. I've also added content-normal with this update 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants