Uno预设

UnoCSS的默认预设。目前等同于 @unocss/preset-wind。

源代码

INFO

该预设继承自 @unocss/preset-wind 和 @unocss/preset-mini。

安装

pnpm

pnpm add -D @unocss/preset-uno

yarn

yarn add -D @unocss/preset-uno

npm

npm install -D @unocss/preset-uno

uno.config.ts

import presetUno from '@unocss/preset-uno'
import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [
    presetUno(),
  ],
})

TIP

该预设已包含在 unocss 包中，您也可以从那里导入：

import { presetUno } from 'unocss'

使用

该预设试图提供一种常见的实用程序优先框架的超集，包括 Tailwind CSS、Windi CSS、Bootstrap、Tachyons 等。

例如，ml-3（Tailwind CSS）、ms-2（Bootstrap）、ma4（Tachyons）和 mt-10px（Windi CSS）都是有效的。

.ma4 { margin: 1rem; }
.ml-3 { margin-left: 0.75rem; }
.ms-2 { margin-inline-start: 0.5rem; }
.mt-10px { margin-top: 10px; }

规则

此预设与 Tailwind CSS 和 Windi CSS 兼容，您可以参考它们的文档以获取详细使用说明。

有关包含在此预设中的所有规则和预设的详细信息，请参阅我们的交互式文档或直接查看源代码。

选项

INFO

此预设的选项继承自 @unocss/preset-mini。

有关默认预设的更多详细信息，请查看我们的演示场并尝试一下。同时，您还可以查看实现。