yeah, I had the same problem

Someone should open an issue

Why do you prefer the eslint plugin?

@monotype1110 Does this issue exist now?

I should have read earlier!😢

While this critique might generally be valid it does certainly not apply to tailwind

I agree for the most part but I like to believe that there is a general uptrend in DX even if the line is more stair-step than straight. I think the JS ecosystem was unfortunate in that the demand for more and more complex web applications superseded the progress in developer tooling.

🤣🤣

you do know that unused css can get purged before production right

"custom-values []" also working fine now, tried and confirmed it and loving it. anyway thanks for the suggestion, as the plugin mentioned in this video not worked for me lol

Run it in a pre-commit hook instead, and thats solved. Then its also going to work in all editors, Notepad and Word included 😅

Yep this is my issue too, i removed the plugin

Sounds like a skill issue xd

What do you mean by full support? Dont they work perfectly as is?

@@askeladden450 MUI only work on client mode , no server component afaik.

The liner for tailwind works underlines overlapping classes. Its in vscode

Yes by default it is zig-zag orangish underline

thanks for the recommendation much better than messing up prettier as it causes alot of different conflicts

thanks

Thanks bro, it is really helpful 😍

Lifesaver, this comment. Prettier Tailwindcss plugin has all sort of problems.

give this man a nobel price

Do you think that on a comparison between two versions of a big, heavily css decorated page, the first with tailwindcss, the other with a wisely optimized SCSS (mixins and stuff) one, would be there a significant reduce of workload on the browser behalf? My opinion (but I'm open to hear different ones) is that given real, enough complex web pages, tailwind results in less stuff to download. I may be wrong, didn't benchmarked yet.

thank you for this

Has more range than Bootstrap

thank you for this

I use headwind for this yeah

​@@Jacob-ch8qj yeah same. Unnecessary dev dependency

@@ZiPMo85 yeah makes sense

@@ZiPMo85 You need to tell all the people on the project and every time someone new comes to use vs code and to install the extension. That's the need of the dependency.

Tailwind is a more efficient way to write css

No, use MUI 🙂

for me too, it doesnt format at all, prettier formats the html or js text but not the tailwind part

how convenient naming everything hahaha

Filing 💀

Tailwind Anyday

forget bootstrap just learn tailwind

I'm using tailwind in my current react project and it works great. It sorts classes assigned to the "className" property for react components just fine. I'm not sure what you mean in the last question. Classes stored as a string in a different variable? If so,. I'm not sure as I haven't tried doing that. But if you're doing it to reuse classes for common components then there's a better and more semantic way to do that in the tailwind config file.

I don't think it will work if you're assigning a variable or a const. But storing classes in a separate string and this plugin achieves the same thing minimising visual clutter so not sure why you would need both

Bootstrap sucks tbh

Bootstrap died a long time ago, the day CSS grid came. And Tailwind has nothing in common with Bootstrap.

Why

why tailwind is shit?

@@wildanm2 because it doesn't solve any problems, the real problem is that no one wants to learn CSS properly. We have web components and CSS custom properties, you don't need Tailwind at all, it's just the Bootstrap of the Z generation.