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

compiled output under @layer scope does not work well with * selector #896

Closed
rogerleung0411 opened this issue Jan 23, 2025 · 2 comments
Closed

Comments

@rogerleung0411
Copy link

it seems like the lightningcss is transforming

@layer base {
  * {
    @apply rounded-none;
  }
}

into

@layer base {
  @apply rounded-none;
}

which broke tailwind to work properly.

@devongovett
Copy link
Member

Hmm tailwind should be processing the apply rule before it gets to lightning css. Apply isn't a known standard rule so lightning css doesn't know what to do with it.

@rogerleung0411
Copy link
Author

Hmm tailwind should be processing the apply rule before it gets to lightning css. Apply isn't a known standard rule so lightning css doesn't know what to do with it.

sorry, my bad.

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

2 participants