Responsive helpers

[LoveDesignUA]

Hi guys,

writing responsive utility variants for every class I want to use is boring.

Here is a code example for clear understanding:
className='py-4 px-8 space-x-4 md(py-0 flex flex-col space-x-0) xl(grid grid-cols-2 gap-8)'

should transform in the browser into:
className='py-4 px-8 space-x-4 md:py-0 md:flex md:flex-col md:space-x-0 xl:grid xl:grid-cols-2 xl:gap-8'

Please implement it in Tailwind. If not, how can i implement the syntax in my code?

[wongjn]

There have been suggestions about adding such a feature. The maintainers have addressed this request before, that you may wish to read up on if you have not already done so:

• A Twitter thread from the creator of Tailwind, Adam Wathan
• A previous GitHub discussion thread with maintainer responses

You can implement similar syntax in your own code as per #11701 (reply in thread).