Preset Wind4

Preset-ul compact Tailwind4 CSS pentru UnoCSS. Este compatibil cu toate caracteristicile PresetWind3 și îl îmbunătățește.

Codul Sursă

TIP

Puteți petrece puțin timp citind acest document pentru a înțelege modificările

Instalare

pnpm

pnpm add -D @unocss/preset-wind4

yarn

yarn add -D @unocss/preset-wind4

npm

npm install -D @unocss/preset-wind4

bun

bun add -D @unocss/preset-wind4

import presetWind4 de la '@unocss/preset-wind4'
import { defineConfig } de la 'unocss'

export default defineConfig({
  presets: [
    presetWind4(),
    //  ^?
  ],
})

Compatibilitate

Consultați Compatibilitate Tailwind pentru a afla despre suportul și compatibilitatea browserelor.

Temă

Tema PresetWind4 este aproape identică cu tema PresetWind3, dar unele chei de temă au fost ajustate.

WARNING

Vă rugăm să rețineți că la comutarea la PresetWind4, consultați tabelul de mai jos pentru a verifica configurația cheii temei dvs. și faceți ajustările corespunzătoare.

PresetWind3	PresetWind4
fontFamily	font
fontSize	Mutat în proprietatea fontSize în text
lineHeight	Mutat în proprietatea lineHeight în text sau utilizați leading
letterSpacing	Mutat în proprietatea letterSpacing în text sau utilizați tracking
borderRadius	radius
easing	ease
breakpoints	breakpoint
verticalBreakpoints	verticalBreakpoint
boxShadow	shadow
-	insetShadow
Proprietăți de dimensiune precum width, height, maxWidth, maxHeight, minWidth, minHeight	Unificate pentru a utiliza spacing
transitionProperty	property
gridAutoColumn, gridAutoRow, gridColumn, gridRow, gridTemplateColumn, gridTemplateRow	-
container.maxWidth	containers.maxWidth
-	defaults