Description
The align-*
and justify-*
related utilities currently use a short representation, e.g. items-center
for align-items: center
. This makes sense for flex
, since you can get most things done with align-items
and justify-content
.
With grid
being part of Tailwind now, additional align-*
and justify-*
properties became more prevalent. Some are missing, and some current utilities become ambiguous when filling the missing gaps. E.g. is justify-items
utilities were to be added, it wouldn't be obvious anymore that items-center
relate to align-items
. Then there's also the place-*
properties which will probably be added at some point too.
We could normalize the properties in a non-breaking way in 1.x by adding more utilities, and removing the old ones in 2.x.
Property | Current | Future |
---|---|---|
align-items |
items-* |
align-items-* |
align-content |
content-* |
align-content-* |
align-self |
self-* |
align-self-* |
justify-items |
- | justify-items-* |
justify-content |
justify-* |
justify-content-* |
justify-self |
- | justify-self-* |