search

theron-wang / VS2022-Editor-Support-for-Tailwind-CSS

Unofficial VS2022 Tailwind CSS extension for IntelliSense, linting, sorting, and more to enhance the development experience in Visual Studio 2022.
https://marketplace.visualstudio.com/items?itemName=TheronWang.TailwindCSSIntellisense
MIT License
86 stars 5 forks source link

Improve message when having conflicting tailwind classes #55

Closed skttl closed 1 month ago

skttl commented 1 month ago

When having conflicting tailwind classes, it would be awesome if it could show which of the classes are being overwritten.

image

E.g. in this example, flex has no effect, because inline-flex comes after flex in the build output from Tailwind.

IIRC, the order of properties in your tailwind config defines which one wins (last one wins).

Could also even be just flex that would have the squigglies.

theron-wang commented 1 month ago

I've added a small note which tells you which (if the extension can find it) class takes precedence over another. For example, the message in the picture will also say that flex's styles override inline-flex. Thank you for the suggestion!