make this dynamic with state prefix eg: state-on

[JonasWijne]

would be cool if this wouldn't need any configured states.

<div class="state-on"> 
   <div class="state-on:bg-red-500"> ... </div>
</div>

[royteusink]

I don't think we can implement this at this moment. There is currently no matchVariants function in the core of tailwindcss. Only matchUtilities and matchComponents [see source].

Something like this would be great:

<div class="collapsed">
    <div class="state-[collapsed]:bg-red-500"> ... </div>
</div>

If someone has a solution for this, please make let me know.