Legacy Compat prednastavitev

Zbirka orodij za združljivost s starimi različicami.

Ta prednastavitev ne vključuje nobenih pravil, uporablja postprocesiranje za generirani CSS iz drugih prednastavitev.

Privzeto nobena od možnosti ni omogočena, vsako morate eksplicitno vklopiti.

Izvorna koda

Namestitev

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

Možnosti

commaStyleColorFunction

• Tip: boolean
• Privzeto: false

Pretvori barvne funkcije (rgb() in hsl()) iz ločenih s presledki v ločene z vejicami, za boljšo združljivost s starimi brskalniki. Povrne staro vedenje pred UnoCSS v0.57.0, ki je bilo spremenjeno v ločeno s presledki v #3221 za uskladitev s Tailwind CSS.

Na primer:

• 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
• Privzeto: false

Odstrani ključne besede barvnega prostora, kot sta in oklch in in oklab, iz generiranih slogov. To je uporabno za zagotavljanje združljivosti s starimi brskalniki, ki ne podpirajo teh sodobnih barvnih prostorov.

Če želite omogočiti to funkcijo, nastavite možnost legacyColorSpace na true.