Skip to content

[Feature proposal] Normalize align/justify utilities #1647

Closed
@sebastiandedeyne

Description

@sebastiandedeyne

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-*

Related issues: #1628, #1354, and maybe #1517.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions