Transformator Grup de Variante

Activează funcția de grup de variante a Windi CSS pentru UnoCSS.

Instalare

pnpm

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

yarn

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

npm

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

bun

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

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

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

TIP

Acest preset este inclus în pachetul unocss, îl puteți importa și de acolo:

import { transformerVariantGroup } de la 'unocss'

Utilizare

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

Va fi transformat în:

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

Licență

• Licență MIT © 2021-PREZENT Anthony Fu