Multiple classes inside a breakpoint selector

[nistadev]

Problem

Thinking of ideas on how to improve the readability of particular cases when you need to use different styles for multiple properties on a certain breakpoint like in this case below:

<div className="desktop:px-[64px] desktop:py-[24px] desktop:grid-cols-3 desktop:grid-rows-1" />

Possible solution

I think would be great to have something like:

<div className="desktop:(px-[64px] py-[24px] grid-cols-3 grid-rows-1)" />

Any thoughts on this? Not sure if this approach or something similar was already suggested.

[wongjn]

There have been many suggestions about adding such a feature. Here's one such response from a maintainer:

We get this question so many times, so I would like to redirect you here for more information: https://twitter.com/adamwathan/status/1461519820411789314

Also another thread here with more responses from maintainers.