tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

[v4] float-start and inline-start generate invalid values

Open ktmn opened this issue 1 year ago • 0 comments

What version of Tailwind CSS are you using?

v3.4.15 vs v4.0.0-beta.4

What build tool (or framework if it abstracts the build tool) are you using?

Tested in playground only

Reproduction URL

https://play.tailwindcss.com/AGmhqrluog

Describe your issue

Utilities float-start and clear-start generate this with TW3:

.float-start {
  float: inline-start;
}
.clear-start {
  clear: inline-start;
}

and this with TW4:

.float-start {
  float: start;
}
.clear-start {
  clear: start;
}

which seem to be "Invalid property value"-s according to Chrome/Firefox dev tools.

ktmn avatar Dec 01 '24 09:12 ktmn