@unocss/transformer-variant-group

Enables the variant group feature of Windi CSS for UnoCSS.

Install

bash

npm i -D @unocss/transformer-variant-group

import transformerVariantGroup from '@unocss/transformer-variant-group'
// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...
  transformers: [
    transformerVariantGroup(),
  ],
})

Usage

html

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

Will be transformed to:

html

<div class="hover:bg-gray-400 hover:font-medium font-light font-mono" />

@unocss/transformer-variant-group

@unocss/transformer-variant-group

Install

Usage

License