Legacy Compat Preset

Kolekcia utilít pre spätnú kompatibilitu.

Tento preset neobsahuje žiadne pravidlá, aplikuje postprocess na vygenerované CSS z iných presetov.

Predvolene nie je povolená žiadna z možností, musíte každú z nich explicitne povoliť.

Zdrojový kód

Inštalácia

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: [
    // ...ostatné presety
    presetLegacyCompat({
      // možnosti
      commaStyleColorFunction: true,
      legacyColorSpace: true
    }),
  ],
})

Možnosti

commaStyleColorFunction

• Type: boolean
• Default: false

Konvertuje farebné funkcie (rgb() a hsl()) z oddelenia medzerou na oddelenie čiarkou, pre lepšiu kompatibilitu so staršími prehliadačmi. Prináša späť staré správanie pred UnoCSS v0.57.0, ktoré bolo zmenené na oddelenie medzerou v #3221 na zosúladenie s Tailwind CSS.

Napríklad:

• 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

• Type: boolean
• Default: false

Odstraňuje kľúčové slová farebného priestoru, ako sú in oklch a in oklab z vygenerovaných štýlov. Toto je užitočné na zabezpečenie kompatibility so staršími prehliadačmi, ktoré nepodporujú tieto moderné farebné priestory.

Na povolenie tejto funkcie nastavte možnosť legacyColorSpace na true.