Legacy Compat Preset

Legacy compatibility utilities-এর সংগ্রহ।

এই preset-এ কোনো rules অন্তর্ভুক্ত নেই, এটি অন্যান্য presets থেকে generated CSS-তে postprocess apply করছে।

ডিফল্টভাবে কোনো options enabled নেই, আপনাকে প্রতিটি explicitly opt-in করতে হবে।

সোর্স কোড

ইনস্টলেশন

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

অপশন

commaStyleColorFunction

• Type: boolean
• Default: false

Color functions (rgb() এবং hsl())-কে space-separated থেকে comma-separated-এ রূপান্তর করুন, legacy browsers-এর সাথে আরও ভালো compatibility-এর জন্য। UnoCSS v0.57.0-এর আগের আচরণ ফিরিয়ে আনুন যা Tailwind CSS-এর সাথে সামঞ্জস্যপূর্ণ করতে #3221-এ space-separated-এ পরিবর্তন করা হয়েছিল।

উদাহরণস্বরূপ:

• 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

Generated styles থেকে color space keywords যেমন in oklch এবং in oklab সরিয়ে দেয়। এটি legacy browsers-এর সাথে compatibility নিশ্চিত করতে দরকারী যারা এই modern color spaces সমর্থন করে না।

এই feature সক্ষম করতে, legacyColorSpace option true তে সেট করুন।