unocss-preset-short

已迁移至 unocss-preset-extra

安装

npm install unocss-preset-short -D

使用

// unocss.config.ts
import { defineConfig, presetAttributify, presetUno } from 'unocss';
import { presetShort } from 'unocss-preset-short';

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

<div class="size-auto" />
<div class="size-full" />
<div class="min-size-1/2" />
<div class="min-size-xs" />
<div class="max-size-1" />
<div class="max-size-[1px]" />

这将生成以下 css 代码

.size-auto { width: auto; height: auto; }
.size-full { width: 100%; height: 100%; }
.min-size-1/2 { min-width: 50%; min-height: 50%; }
.min-size-xs { min-width: 20rem; min-height: 20rem; }
.max-size-1 { max-width: 0.25rem; max-height: 0.25rem; }
.max-size-[1px] { max-width: 1px; max-height: 1px; }

License

unocss-preset-short is licensed under a MIT License.