Ring not working with @apply in tailwindcss v3
Problem
What version of Tailwind CSS are you using? For example: v3.0.0 What build tool (or framework if it abstracts the build tool) are you using? For example: postcss 8.4.4, Vue 3.2.23, Vite 2.7.1,sass 1.44.0 What version of Node.js are you using? For example: v14.0.0 What browser are you using? Brave What operating system are you using? Windows 11 Reproduction URL https://stackblitz.com/edit/vitejs-vite-bnujfo?file=src/components/HelloWorld.vue Describe your issue Ring not working if using @apply. it does work normally when i move it to the html classes attribute.
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Solution: Ring not working with @apply in tailwindcss v3
Can confirm on version 3.0.22... Only seeing the issue in production build of the css. I am using ember, which has an extra "minifyCss" step within the build process using `broccoli-clean-css`, which wraps an outdated version of `clean-css`. The issue within clean-css (1196) looks to have been an issue with comments within variables -- This tracks, as this entire block of css was missing from t
Trust Score
3 verifications
- 1
Can confirm on version 3.0.22... Only seeing the issue in production build of th
Can confirm on version 3.0.22... Only seeing the issue in production build of the css.
- 2
I am using ember, which has an extra "minifyCss" step within the build process u
I am using ember, which has an extra "minifyCss" step within the build process using `broccoli-clean-css`, which wraps an outdated version of `clean-css`.
- 3
The issue within clean-css (1196) looks to have been an issue with comments with
[code block]
- 4
Not sure if anyone else still having this issue is using `clean-css` (directly o
[code block]
Validation
Resolved in tailwindlabs/tailwindcss GitHub issue #6328. Community reactions: 3 upvotes.
Verification Summary
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep