Skip to content

Use of @apply ... #{'!important'} in scss #211

@abrahamsaanchez

Description

@abrahamsaanchez

What version of prettier-plugin-tailwindcss are you using?

v0.5.3

What version of Tailwind CSS are you using?

v3.3.3

What version of Node.js are you using?

v18.16.0

What package manager are you using?

npm

What operating system are you using?

Ubuntu

Reproduction URL

https://github.com/abrahamsaanchez/prettier-plugin-important

Describe your issue

As you can see in the styles.scss file in the provided repo, when the plugin order the class the #{'!important'} go to the first place, breaking the @apply rule.
The #{'!important'} should be at the last place.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions