Directives transformer

UnoCSS transformer voor @apply, @screen en theme() directives: @unocss/transformer-directives.

Installatie

pnpm

pnpm add -D @unocss/transformer-directives

yarn

yarn add -D @unocss/transformer-directives

npm

npm install -D @unocss/transformer-directives

bun

bun add -D @unocss/transformer-directives

import transformerDirectives from '@unocss/transformer-directives'
import { defineConfig } from 'unocss'

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

TIP

Deze preset is opgenomen in het unocss pakket, je kunt het ook vandaar importeren:

import { transformerDirectives } from 'unocss'

Gebruik

@apply

.custom-div {