Have any of you ever tried building WP sites/themes using [Tailwind](https://tailwindcss.com/)…
…and then using some tool to auto-convert it to WP Blocks/Patterns?
I think it’d be great if there was a tool so you could write short and efficient Tailwind/utility class-based code like this:
<div class=”flex justify-between gap-40″>
<div class=”basis-4/12 p-20 rounded-8″>
<h1 class=”text-40 font-700 mb-20″>Heading</h1>
</div>
<div class=”basis-6/12 bg-blue”>
<p class=”text-green”>Text</p>
</div>
</div>
It might be much faster than fiddling with the Gutenberg UI or writing Block code.
Have you guys used this approach or know a converter tool for this?
I could also try building/publishing a tool myself, let me know if you think that’d be valuable…
[ad_2]
I hate to say it but I bet you could get a custom GPT to do this, especially in small chunks.
There already is a tailwind WordPress theme that handles the processing for you. You just need to set up the config settings and it watches and compiles it for you.