-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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 missing grid alignment utilities #2306
Conversation
@adamwathan What do you think about adding |
I've thought about it but don't think it's great to have two ways to do something, and don't want to make the existing ones more verbose either since they are definitely the most commonly used ones. So for now just going to stick with the concise versions for the flexbox ones and verbose ones to disambiguate for the less common ones. |
hmm why can't i find this in docs? |
It was released yesterday and I haven’t had time. https://twitter.com/adamwathan/status/1301978813165903876?s=21 |
why dont you open for people edit homepage tailwind? I can wait :D Thank you for made taildwind, i very love it. |
You can! Here’s the repo: |
This PR introduces utilities for
place-items
,place-content
,place-self
,justify-items
, andjustify-self
. Responsive variants are generated for each by default.I haven't added comprehensive coverage for each property just to keep things simple for now. When someone actually needs one that's missing, we can add it then.
Here's a complete list of what has been added:
content-evenly
align-content: space-evenly
justify-items-auto
justify-items: auto
justify-items-start
justify-items: start
justify-items-end
justify-items: end
justify-items-center
justify-items: center
justify-items-stretch
justify-items: stretch
justify-self-auto
justify-self: auto
justify-self-start
justify-self: start
justify-self-end
justify-self: end
justify-self-center
justify-self: center
justify-self-stretch
justify-self: stretch
place-content-center
place-content: center
place-content-start
place-content: start
place-content-end
place-content: end
place-content-between
place-content: space-between
place-content-around
place-content: space-around
place-content-evenly
place-content: space-evenly
place-content-stretch
place-content: stretch
place-items-auto
place-items: auto
place-items-start
place-items: start
place-items-end
place-items: end
place-items-center
place-items: center
place-items-stretch
place-items: stretch
place-self-auto
place-self: auto
place-self-start
place-self: start
place-self-end
place-self: end
place-self-center
place-self: center
place-self-stretch
place-self: stretch
Closes #2241.