-
-
Notifications
You must be signed in to change notification settings - Fork 783
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
Add support for @apply
with complex classes that use colons like hover:bg-green-200
#664
Comments
hover:bg-green-200
@apply
with complex classes that use colons like hover:bg-green-200
We do support complex classes... the problem you mentioned is that svelte parser can't parse |
@jacobbowdoin The variant syntax isn't limited to colon |
Related to @apply is not transformed in CSS style #649 Regular dash It would be great if normal Tailwind CSS variant syntax |
I'm trying to set
|
well, you should do like this |
Thanks for adding the
@unocss/transformer-directives
that supports using@apply ...
inside of style tags! I do want to mention that in a SvelteKit project it doesn't work for complex classes that use colons unfortunately, so@apply bg-green-100 hover:bg-green-200
will not work presently.Tailwind had this issue for a long time and solved it finally in 2020. Perhaps the solution for this could be pulled from their resolution of the same issue, tailwindlabs/tailwindcss#2159 may be a good starting point.
The text was updated successfully, but these errors were encountered: