twitch icon indicating copy to clipboard operation
twitch copied to clipboard

Developing blocks using Tailwind CSS

Open dgwyer opened this issue 4 years ago • 1 comments

@ryanwelcher With the recent release of Tailwind CSS 3 this opens up some exciting opportunities for block styling.

It seems to be fairly straightforwrd to set this up for a single block. However, there doesn't seem to be a way to easily compile separate editor/frontend and editor only styles. At the moment I'm having to just include the editor only styles with the frontend styles which isn't really viable for production.

Furthermore, trying to get Tailwind to work with more than one block seems problematic. I couldn;t find an easy way to get this to work.

Perhaps this would make a good topic to explore in one of your screencasts?

dgwyer avatar Dec 20 '21 18:12 dgwyer

Couple years late to the game here, but I'd love to learn more about this. I am currently using TW in my block plugin but it's always good to see / hear how others may approach doing it and see if I can improve my method.

troychaplin avatar Aug 16 '23 19:08 troychaplin