[ICO]NameLast modifiedSizeDescription
[PARENTDIR]Parent Directory  -  
[DIR]dist/2024-05-21 17:04 -  
[   ]LICENSE2024-05-21 17:04 1.1K 
[   ]package.json2024-05-21 17:04 1.1Kafd0ccc remove unused [كارل مبارك]
[TXT]README.md2024-05-21 17:04 759 595aea1 more query options + view options [كارل مبارك]
# @unocss/transformer-variant-group

<!-- @unocss-ignore -->

Enables the [variant group feature of Windi CSS](https://windicss.org/features/variant-groups.html) for UnoCSS.

## Install

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

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

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"/>
```

## License

MIT License &copy; 2021-PRESENT [Anthony Fu](https://github.com/antfu)