任意のバリアント抽出器

ユーティリティのための任意のバリアントをサポートする、より複雑な抽出器。

<div class="[&>*]:m-1 [&[open]]:p-2"></div>

これは [&>*]:m-1 と [&[open]]:p-2 としてバリアントとしてキャプチャされます。

この抽出器はデフォルトの抽出器として @unocss/preset-mini に含まれています。通常、このパッケージを手動でインストールする必要はありません。

インストール

::: code-group

pnpm

pnpm add -D @unocss/extractor-arbitrary-variants

yarn

yarn add -D @unocss/extractor-arbitrary-variants

npm

npm install -D @unocss/extractor-arbitrary-variants

bun

bun add -D @unocss/extractor-arbitrary-variants

:::

uno.config.ts

import extractorArbitrary from '@unocss/extractor-arbitrary-variants'
import { defineConfig } from 'unocss'

export default defineConfig({
  extractors: [
    extractorArbitrary(),
  ],
})

※このページは Nuxt.js 公式ドキュメントの翻訳ページです。

公式ドキュメントの該当ページはこちら：
#