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

Prettier places "!important" before actual class #3

Closed
ghost opened this issue Jan 24, 2022 · 3 comments · Fixed by #4
Closed

Prettier places "!important" before actual class #3

ghost opened this issue Jan 24, 2022 · 3 comments · Fixed by #4

Comments

@ghost
Copy link

ghost commented Jan 24, 2022

After automatic class sorting was applied, the following code:

.facetwp-facet { @apply mb-0 !important; }

... turned into:

.facetwp-facet { @apply !important mb-0; }

which is causing an error.

@ghost ghost closed this as completed Jan 24, 2022
@2ne
Copy link

2ne commented Jan 24, 2022

I am also getting this issue. Not sure why it is closed.

Before
@apply sm:left-1/2 sm:-translate-x-1/2 #{!important};

After
@apply #{!important} sm:left-1/2 sm:-translate-x-1/2;

@bradlc
Copy link
Contributor

bradlc commented Jan 24, 2022

Thanks for reporting! This should be fixed in v0.1.3 👍

@dmitryevseev
Copy link

@thenaim Had the same issue, and looked in the source. It explicitly looks for #{!important} in the code, no quotes.

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.

3 participants