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.38k stars 46 forks source link

Adding Support For tailwindcss v1.2.0 #49

Closed tance77 closed 4 years ago

tance77 commented 4 years ago

I have gone ahead and added the classes from tailwind v1.2.0 release

I think I got them all. Most of them were CSS Transitions, CSS Transforms, and Grid Utilities.

I tried to keep them in order based on what I gleamed off of Adam Wathan's example code from the tailwindcss docs

I'm open for re-ordering of the classes.

WalrusSoup commented 4 years ago

Hmm.. I feel like according to the documentation here we should maybe move the classes box-border, box-content to the very top of the class priority.

I also think maybe the row-spans should be closer to the colspans. It feels a little disjoint to have legacy classes involving width & height sitting between grid related classes.

I'd probably be a little more comfortable keeping the order consistent in this area to the one listed in the sidebar on the site:

Screen Shot 2020-02-07 at 10 17 09 AM

I'll need to make a few grids to get a feel for it. Anyone else have any thoughts?

tance77 commented 4 years ago

I made these changes you suggested. When it came to Grid Auto Flow I moved that to the top. Because it felt like using flex-row. I can move Grid Auto Flow to last though if you would like.

I also moved clear from the bottom to in between Float and Object Fit like it was in the side bar.