变体组转换器

安装

pnpmyarnnpmbun

bash

pnpm add -D @unocss/transformer-variant-group

bash

yarn add -D @unocss/transformer-variant-group

bash

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

bash

bun add -D @unocss/transformer-variant-group

uno.config.ts

import transformerVariantGroup from '@unocss/transformer-variant-group'
import { defineConfig } from 'unocss'

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

TIP

此预设包含在 unocss 包中，你也可以从那里导入：

import { transformerVariantGroup } from 'unocss'

使用

html

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

将被转换为：

html

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

变体组转换器 ​

安装 ​

使用 ​

许可证 ​

变体组转换器

安装

使用

许可证