search

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 45 forks source link

Classes with responsive prefixes not sorted correctly #56

Closed ivosabev closed 4 years ago

ivosabev commented 4 years ago

Current

<div class="xl:hidden sm:block lg:hidden md:hidden">Small</div>

Expected

<div class="sm:block md:hidden lg:hidden xl:hidden">Small</div>
heybourn commented 4 years ago

Please see #52. This is a known issue and the only fix right now is to manually add these responsive classes to your Headwind config.

NoelDeMartin commented 4 years ago

@heybourn I couldn't manage to get this working, can you share an example of the Headwind config you are using to fix this?

amritk commented 2 years ago

@heybourn I couldn't manage to get this working, can you share an example of the Headwind config you are using to fix this?

Did you manage to figure it out?

NoelDeMartin commented 2 years ago

@amritk I didn't, actually I stopped using this altogether. I think eventually I'll use the official Prettier plugin, but I still have to sort some things out before starting (pun intended). So I'm not using anything to sort my classes at the moment.

amritk commented 2 years ago

oo thanks, I'm going to check that out