mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-05-04 22:09:31 +08:00
40 lines
760 B
Text
40 lines
760 B
Text
# @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.js
|
|
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 © 2021-PRESENT [Anthony Fu](https://github.com/antfu)
|