Skip to content

Conversation

@RobinMalfait
Copy link
Member

This PR fixes a backwards compatibility issue where the data type for length uses background-position instead of background-size:

v3:

.bg-\[length\:50px_100px\] {
  background-size: 50px 100px;
}

v4 before this change:

.bg-\[length\:50px_100px\] {
  background-position: 50px 100px;
}

v4 after this change:

.bg-\[length\:50px_100px\] {
  background-size: 50px 100px;
}

@RobinMalfait RobinMalfait changed the title Use length data-type for background-size instead of background-position Use length data type for background-size instead of background-position May 31, 2024
Otherwise `bg-[120px]` would be inferred as `length` instead of
`position`.

In v3 this maps to `position` instead of `length`.
```css
.bg-\[120px\] {
  background-position: 120px;
}
```
@RobinMalfait RobinMalfait force-pushed the fix/length-data-type branch from 1cc6368 to ce0dd72 Compare May 31, 2024 10:49
@RobinMalfait RobinMalfait merged commit 04906c8 into next May 31, 2024
@RobinMalfait RobinMalfait deleted the fix/length-data-type branch May 31, 2024 15:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants