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

@apply doesn't work inside imported files. #100

Closed
fzn0x opened this issue Jun 17, 2021 · 2 comments · Fixed by windicss/windicss-webpack-plugin#82 or #102
Closed

@apply doesn't work inside imported files. #100

fzn0x opened this issue Jun 17, 2021 · 2 comments · Fixed by windicss/windicss-webpack-plugin#82 or #102

Comments

@fzn0x
Copy link

fzn0x commented Jun 17, 2021

Describe the bug
@apply will compiled on Global CSS which if directed to a stand-alone CSS file, but it will not work on files that import other files (wrapper file).

To Reproduce
Steps to reproduce the behavior:

  1. Setup nuxt-windicss just like the docs instruction.
  2. Define wrapper file for global CSS.
css: ['~/assets/css/windi.css'],

Inside windi.css

@import './navbar.css';
@import './footer.css';
@import './themes.css';
@import './effects.css';

Expected behavior
I expect @apply would work / compiled in the others files but the result was @apply doesn't work / compiled when others imported css except @apply are working.

Screenshots
Capture

Additional context
@apply works if we import the files like this

css: [
  '~/assets/css/navbar.css',
  '~/assets/css/footer.css',
  '~/assets/css/themes.css',
  '~/assets/css/effects.css',
],
@harlan-zw
Copy link
Member

Hey @fauzan121002

Thanks for reporting this issue. Should be fixed in the latest release - 1.1.0

@fzn0x
Copy link
Author

fzn0x commented Jun 27, 2021

Hey @fauzan121002

Thanks for reporting this issue. Should be fixed in the latest release - 1.1.0

Thanks @harlan-zw

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants