heybourn / headwind

An opinionated Tailwind CSS class sorter built for Visual Studio Code
https://marketplace.visualstudio.com/items?itemName=heybourn.headwind
MIT License
1.39k stars 44 forks source link

Sorting with conditional classes #189

Open silveltman opened 2 years ago

silveltman commented 2 years ago

I have an 11ty site in which I use liquid as the template-language. I often use condifional classes, which causes headwind to stop working.

Example which doesn't sort: <div class="rounded-full {{ bg }} relative"></div>

I would like it to at least keep sorting the regular tailwind classes and ignore the {{ bg }} part. Preferably it would move those custom tags to the front or end (like custom classes). So like this for instance: <div class="{{ bg }} relative rounded-full"></div>

what might cause difficulties are things like this: focus:{{ bg }}