Feature Request: Tailwind support

[marcoaubr]

It would be nice if it supports Tailwind!!

References:

• https://chrome.google.com/webstore/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
• https://chrome.google.com/webstore/detail/inspect-flow/phlglhdlhfjmmokeoclhefknljfoflla
• https://usewindy.com/

[webextensions]

@marcoaubr
Thank you for the feature request :-)

Such features would be useful for migrating sites to Tailwind.

An interesting irony of such features would be that as per the default use case of Tailwind, the live editing capabilities with CSS would not be fully available/utilized for the pieces of code which would have been migrated to Tailwind. Of course, such features would still be useful for referring / copy-pasting code and quick development.

This feature request has been added to https://github.com/webextensions/live-css-editor/blob/main/TODO.md (d6f8a90).

If there are some existing open-source libraries related to these, then the implementation can be done sooner.

Assuming that these would need to be custom implementations, it may take some time before these features get prioritized and implemented.

Let's keep this issue in Open state till it gets prioritized and/or implemented, so that, if others are also looking for such features, they can do a Thumbs Up.

[marcoaubr]

Some related projects that make such conversions:

• https://github.com/stevezease/tailwind-converter
• https://github.com/Devzstudio/tailwind_to_css/
• https://github.com/miklosme/css-to-tailwind

[marcoaubr]

I was thinking in something like this:

[webextensions]

@marcoaubr
Thank you for the guidance :-)

• https://github.com/stevezease/tailwind-converter - Could not run it due to some software dependency issues (will try that later)
• https://github.com/Devzstudio/tailwind_to_css/ - Looks good and works well (License information is not available, will contact the author, if we go ahead with this one)
• https://github.com/miklosme/css-to-tailwind - Looks good and works well

I'll attempt to prioritize some of these features for coming weeks/months from these and/or other related libraries. Most probably via the "Show more commands" (triple-dot) option with a separate editor tool for such conversion/transform.

Regarding adding another editor tab for tailwind, I believe that part might not get prioritized for coming months, because:

• I personally haven't used Tailwind much, and it would take time before I would be able to learn better and identify proper vision for adding full editor support for that
• Apparently, a majority of the users of this extension are still not well versed with Node JS and related build tools. Hence, it is a guess that Tailwind might not be getting used a lot.
• There are some plans for related and unrelated architecture changes / refactor / rewrite.
• There is an idea of implementing (kind of) "Live HTML Editor" as well in near future (Only idea so far, nothing further). If that idea turns out to be workable, it would be useful for Tailwind users as well.

With an ever increasing usage and over 2 million npm downloads per week, Tailwind is already the next big thing in CSS, so, naturally, this extension will have to start supporting related features 👍