Legacy Compat Preset

Samling av äldre kompatibilitetsverktyg.

Denna preset inkluderar inga regler, den tillämpar efterbehandling på den genererade CSS:en från andra presets.

Som standard är inga alternativ aktiverade, du behöver välja vart och ett av dem explicit.

Källkod

Installation

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: [
    // ...andra presets
    presetLegacyCompat({
      // alternativ
      commaStyleColorFunction: true,
      legacyColorSpace: true
    }),
  ],
})

Alternativ

commaStyleColorFunction

• Typ: boolean
• Standard: false

Konvertera färgfunktioner (rgb() och hsl()) från mellanslagsseparerade till kommaseparerade, för bättre kompatibilitet med äldre webbläsare. Återställ det gamla beteendet före UnoCSS v0.57.0 som ändrades till mellanslagsseparerade i #3221 för att anpassa sig till Tailwind CSS.

Till exempel:

• 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

• Typ: boolean
• Standard: false

Tar bort färgrymdsnyckelord som in oklch och in oklab från de genererade stilarna. Detta är användbart för att säkerställa kompatibilitet med äldre webbläsare som inte stöder dessa moderna färgrymder.

För att aktivera denna funktion, ställ in legacyColorSpace-alternativet till true.