A new idea to group the classes for different screen sizes - Syntactical Sugar

[yasharya2901]

Recently, I faced a challenge where I had to make the website responsive. The website was designed for the desktop only. It had a lot of classes. So, I what I did was added md: prefix in front of all the classes, and started adding new class for the mobile screen. However, if it had supported the syntax like className=md:(flex flex-1 pd-2), it would be very beneficial to group classes suitable for different screen. Or, at least, I have a set of class I want to apply to medium and large screens. Just a syntactical sugar.

What do you say?

[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

[hasnain-neosoft]

className=md:(flex flex-1 pd-2)
useful