Preset Mini

Preset-ul de bază pentru UnoCSS, cu doar cele mai esențiale utilități.

Codul Sursă

Instalare

pnpm

pnpm add -D @unocss/preset-mini

yarn

yarn add -D @unocss/preset-mini

npm

npm install -D @unocss/preset-mini

bun

bun add -D @unocss/preset-mini

import presetMini de la '@unocss/preset-mini'
import { defineConfig } de la 'unocss'

export default defineConfig({
  presets: [
    presetMini(),
    // ...alte preset-uri
  ],
})

TIP

Acest preset este inclus în pachetul unocss, îl puteți importa și de acolo:

import { presetMini } de la 'unocss'

Reguli

Acest preset este un subset al @unocss/preset-wind3, conținând doar cele mai esențiale utilități aliniate cu proprietățile CSS, dar exclude utilitățile opinionate sau complicate introduse în Tailwind CSS (container, animation, gradient etc.). Acesta poate fi un punct bun de plecare pentru propriul preset personalizat bazat pe utilități familiare din Tailwind CSS sau Windi CSS.

Caracteristici

Modul întunecat

În mod implicit, acest preset generează mod întunecat bazat pe clase cu varianta dark:.

<div class="dark:bg-red:10" />

va genera:

.dark .dark\:bg-red\:10 {
  background-color: rgb(248 113 113 / 0.1);
}

Mod întunecat bazat pe media query