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 bg-{top,bottom}-{left,right} utilities #17378

Merged
merged 7 commits into from
Mar 27, 2025

Conversation

thecrypticace
Copy link
Contributor

@thecrypticace thecrypticace commented Mar 25, 2025

We’re using this naming for mask-* and mask-radial-at-* position utilities and we want to be consistent. The old ones for background-position will stay but are deprecated.

Deprecated utility New utility
bg-left-top bg-top-left
bg-right-top bg-top-right
bg-left-bottom bg-bottom-left
bg-right-bottom bg-bottom-right

We’re using this naming for `mask-*` and `mask-radial-at-*` position utilities and we want to be consistent. The old ones for background-position will stay but are deprecated
@thecrypticace thecrypticace requested a review from a team as a code owner March 25, 2025 17:29
@RobinMalfait RobinMalfait merged commit 3e53e25 into main Mar 27, 2025
6 checks passed
@RobinMalfait RobinMalfait deleted the feat/consistent-bg-position-utilities branch March 27, 2025 11:43
philipp-spiess pushed a commit that referenced this pull request Mar 28, 2025
We’re using this naming for `mask-*` and `mask-radial-at-*` position
utilities and we want to be consistent. The old ones for
`background-position` will stay but are deprecated

---------

Co-authored-by: Robin Malfait <[email protected]>
thecrypticace added a commit that referenced this pull request Mar 28, 2025
These match the new `mask-*` and updated `bg-*` utilities.

This is the same as #17378 but for `object-position`.

| Deprecated utility    | New utility           |
| --------------------- | --------------------- |
| `object-left-top`     | `object-top-left`     |
| `object-right-top`    | `object-top-right`    |
| `object-left-bottom`  | `object-bottom-left`  |
| `object-right-bottom` | `object-bottom-right` |
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.

3 participants