Skip to content

Legacy Compat 预设

旧版兼容工具类的集合。

该预设不包含任何规则,而是对其他预设生成的 CSS 应用后处理。

默认情况下,没有任何选项被启用,您需要显式地选择每个选项。

源代码

安装

bash
pnpm add -D @unocss/preset-legacy-compat
bash
yarn add -D @unocss/preset-legacy-compat
bash
npm install -D @unocss/preset-legacy-compat
ts
// uno.config.ts
import { defineConfig } from 'unocss'
import presetLegacyCompat from '@unocss/preset-legacy-compat'

export default defineConfig({
  presets: [
    // ...other presets
    presetLegacyCompat({
      // options
      commaStyleColorFunction: true,
    }),
  ],
})

选项

commaStyleColorFunction

  • 类型: boolean
  • 默认值: false

将颜色函数(rgb()hsl())从空格分隔改为逗号分隔,以更好地与旧版浏览器兼容。在 UnoCSS v0.57.0 之前的行为被改为空格分隔,以与 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%)

Released under the MIT License.