Back to Windicss

Variant Groups

features/variant-groups.md

latest318 B
Original Source

Variant Groups

Apply utilities for the same variant by grouping them with a parenthesis.

html
<div class="hover:(bg-gray-400 font-medium) bg-white font-light"/>

Play with it:

<InlinePlayground :input="'bg-blue-200 font-light p-2\nhover:(bg-gray-400 font-medium)'" :showCSS="true" :showMode="true" />