Preset Legacy Compat

Colecții de utilități de compatibilitate legacy.

Acest preset nu include nicio regulă, aplică postprocesare CSS-ului generat de alte preset-uri.

În mod implicit, niciuna dintre opțiuni nu este activată, trebuie să le activați explicit pe fiecare.

Codul Sursă

Instalare

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 de la '@unocss/preset-legacy-compat'
import { defineConfig } de la 'unocss'

export default defineConfig({
  presets: [
    // ...alte preset-uri
    presetLegacyCompat({
      // opțiuni
      commaStyleColorFunction: true,
      legacyColorSpace: true
    }),
  ],
})

Opțiuni

commaStyleColorFunction

• Tip: boolean
• Implicit: false

Convertește funcțiile de culoare (rgb() și hsl()) de la separate prin spațiu la separate prin virgulă, pentru o compatibilitate mai bună cu browserele legacy. Readuce comportamentul vechi înainte de UnoCSS v0.57.0 care a fost schimbat în separare prin spațiu în #3221 pentru a se alinia cu Tailwind CSS.

De exemplu:

• 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

• Tip: boolean
• Implicit: false

Elimină cuvintele cheie ale spațiului de culoare precum in oklch și in oklab din stilurile generate. Acest lucru este util pentru a asigura compatibilitatea cu browserele legacy care nu suportă aceste spații de culoare moderne.

Pentru a activa această funcție, setați opțiunea legacyColorSpace la true.