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

v3 -> v4 upgrade tool should replace outline with outline-solid #15861

Open
obecker opened this issue Jan 25, 2025 · 1 comment
Open

v3 -> v4 upgrade tool should replace outline with outline-solid #15861

obecker opened this issue Jan 25, 2025 · 1 comment

Comments

@obecker
Copy link

obecker commented Jan 25, 2025

What version of Tailwind CSS are you using?

v3.4.17

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

vite 6.0.11

What version of Node.js are you using?

v22.11.0

What browser are you using?

N/A

What operating system are you using?

macOS

Describe your issue

In tailwindcss v3 the outline class translates to outline-style: solid;.
https://v3.tailwindcss.com/docs/outline-style

In tailwindcss v4 this has been fixed to be consistent with border utility classes, so outline now translates to outline-width: 1px;.
https://tailwindcss.com/docs/outline-width

That means, when upgrading from v3 to v4 outline should be replaced with outline-solid.
However, running npx @tailwindcss/upgrade@next doesn't do that.

@obecker
Copy link
Author

obecker commented Jan 25, 2025

PS: That change is also missing in the upgrade guide. https://tailwindcss.com/docs/upgrade-guide

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

No branches or pull requests

1 participant