headwind
headwind copied to clipboard
Extension runs even when no tailwind.config.js is present
Describe the bug
Hi 👋 thanks for this great extension, it's been very useful for Tailwind (and I wish there was a real Bootstrap equivalent).
Unfortunately, I have a project that uses Bootstrap, and despite there being no tailwind.config.js
present, this extension still runs and sorts my Bootstrap css. There is also no tailwind dependency in my package.json
or yarn.lock
. The README says:
Headwind works globally once installed and will run on save if a tailwind.config.js file is present within your working directory.

Before save:
<ul class="navbar-nav ml-auto">
After save:
<ul class="ml-auto navbar-nav">
To Reproduce Steps to reproduce the behavior:
- Run this extension in a project with no tailwind
- Observe that CSS classes that resemble Tailwind classes are still changed
Expected behavior
Non-tailwind projects should not have their classes sorted.
Can confirm this. Happens to me when I'm working with Vuetify as well.
I'm having the opposite problem. For me it doesn't sort my classes, but I want it too. I don't have a tailwind.config.js
, but I do have a tailwind.config.cjs
file.
I'm having the opposite problem. For me it doesn't sort my classes, but I want it too. I don't have a
tailwind.config.js
, but I do have atailwind.config.cjs
file.
Having the same issue, Want to sort on save, but the file I have is tailwind.config.cjs
and doesnt work