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

!z-40 not working in Tailwind CSS v4 #16794

Closed
Navidtm opened this issue Feb 25, 2025 · 1 comment · Fixed by #16795
Closed

!z-40 not working in Tailwind CSS v4 #16794

Navidtm opened this issue Feb 25, 2025 · 1 comment · Fixed by #16795

Comments

@Navidtm
Copy link

Navidtm commented Feb 25, 2025

What version of Tailwind CSS are you using?

v4.0.8

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

tailwind play

What browser are you using?

Chrome

What operating system are you using?

Linux

Reproduction URL

https://play.tailwindcss.com/QP00crgkmX

Describe your issue

Using !z-40 in Tailwind CSS v4 does not apply the expected

Expected

.\!z-40 {
  z-index: 40 !important;
}

Actual

.\!z-40 {
  z-index: 40;
}

Even testing in Tailwind Play does not produce the correct result.

@philipp-spiess
Copy link
Member

Thanks for catching! Will be fixed with the next patch!

philipp-spiess added a commit that referenced this issue Feb 25, 2025
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 a pull request may close this issue.

2 participants