Preset Legacy Compat

Raccolta di utility di compatibilità legacy.

Questo preset non include alcuna regola, applica postprocessing al CSS generato da altri preset.

Per impostazione predefinita nessuna delle opzioni è abilitata, devi attivare esplicitamente ciascuna di esse.

Codice Sorgente

Installazione

pnpm

pnpm add -D @unocss/preset-legacy-compat

yarn

yarn add -D @unocss/preset-legacy-compat

npm

npm install -D @unocss/preset-legacy-compat

bun

bun add -D @unocss/preset-legacy-compat

import presetLegacyCompat from '@unocss/preset-legacy-compat'
import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [
    // ...altri preset
    presetLegacyCompat({
      // opzioni
      commaStyleColorFunction: true,
      legacyColorSpace: true
    }),
  ],
})

Opzioni

commaStyleColorFunction

• Tipo: boolean
• Predefinito: false

Converte le funzioni colore (rgb() e hsl()) da separate da spazi a separate da virgole, per una migliore compatibilità con browser legacy. Ripristina il comportamento precedente prima di UnoCSS v0.57.0 che è stato cambiato in separato da spazi in #3221 per allinearsi con Tailwind CSS.

Per esempi:

• rgb(255 0 0) -> rgb(255, 0, 0)
• rgb(255 0 0 / 50%) -> rgba(255, 0, 0, 50%)
• hsl(0 100% 50% / 50%) -> hsla(0, 100%, 50%, 50%)

legacyColorSpace

• Tipo: boolean
• Predefinito: false

Rimuove le parole chiave dello spazio colore come in oklch e in oklab dagli stili generati. Questo è utile per garantire la compatibilità con browser legacy che non supportano questi spazi colore moderni.

Per abilitare questa funzionalità, imposta l'opzione legacyColorSpace su true.