إعداد التوافق القديم المسبق

مجموعات من أدوات التوافق القديم.

لا يتضمن هذا الإعداد المسبق أي قواعد، بل يطبق معالجة لاحقة على CSS المُنشأ من الإعدادات المسبقة الأخرى.

افتراضياً، لا يتم تمكين أي من الخيارات، تحتاج إلى الاشتراك في كل منها بشكل صريح.

الكود المصدري

التثبيت

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: [
    // ...إعدادات مسبقة أخرى
    presetLegacyCompat({
      // الخيارات
      commaStyleColorFunction: true,
      legacyColorSpace: true
    }),
  ],
})

الخيارات

commaStyleColorFunction

• النوع: boolean
• افتراضي: false

تحويل دوال الألوان (rgb() و hsl()) من مفصولة بمسافة إلى مفصولة بفاصلة، لتحسين التوافق مع المتصفحات القديمة. إعادة السلوك القديم قبل UnoCSS v0.57.0 الذي تم تغييره إلى مفصول بمسافة في #3221 لمحاذاة Tailwind CSS.

على سبيل المثال:

• 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

• النوع: boolean
• افتراضي: false

يزيل كلمات مفتاحية لمساحة الألوان مثل in oklch و in oklab من الأنماط المُنشأة. هذا مفيد لضمان التوافق مع المتصفحات القديمة التي لا تدعم مساحات الألوان الحديثة هذه.

لتمكين هذه الميزة، اضبط خيار legacyColorSpace على true.