INTRODUCTION
IntroductionCore ConceptsGETTING STARTED
InstallationQuick startWhirl Compiler SettingsCORE CONCEPTS
Using Utility ClassesStyle FunctionsPseudo-Classes and statesResponsive DesignResponsive Base ElementThemeArbitrary ValuesLAYOUT
aspect-ratiodisplayoverflowpositionvisibilityobject-fittop / right / bottom / leftFLEXBOX
flex-basisflex-directionflex-wrapflexflex-growflex-shrinkgapjustify-contentalign-contentalign-itemsalign-selfSPACING
paddingmarginSIZING
widthmin-widthmax-widthheightmin-heightmax-heightTYPOGRAPHY
font-sizefont-styleauto-sizetext-outlineletter-spacingtext-aligncolorword-spacingparagraph-spacingtext-overflowoverflow-positionwhite-spaceBACKGROUND
background-colorbackground-imagebackground-positionbackground-repeatbackground-sizeBORDER
border-radiusborder-widthborder-colorEFFECTS
text-shadowopacityFILTER
Filterblurbrightnesscontrastgrayscalehue-rotateinvertsaturatesepiaTRANSITION
transition-propertytransition-durationtransition-timing-functiondelayTRANSFORM
rotatescaletransform-origintranslatemin-height
| Class | Styles |
|---|---|
| min-h-<number> | min-height: (--spacing * <number>); |
| min-h-3xs | min-height: var(--container-3xs); |
| min-h-2xs | min-height: var(--container-2xs); |
| min-h-xs | min-height: var(--container-xs); |
| min-h-sm | min-height: var(--container-sm); |
| min-h-md | min-height: var(--container-md); |
| min-h-lg | min-height: var(--container-lg); |
| min-h-xl | min-height: var(--container-xl); |
| min-h-2xl | min-height: var(-container-2xl); |
| min-h-3xl | min-height: var(-container-3xl); |
| min-h-4xl | min-height: var(-container-xs); |
| min-h-5xl | min-height: var(-container-5xl); |
| min-h-6xl | min-height: var(-container-6xl); |
| min-h-7xl | min-height: var(-container-7xl); |
| min-h-auto | min-height: auto; |
| min-h-px | min-height: 1px; |
| min-h-full | min-height: 100%; |
| min-h-(<custom-property>) | min-height: var(<custom-property>); |
| min-h-[<value>] | min-height: <value>; |