Syntax

Min Height

Setting the minimum height of an element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`min-h:size`	`min-height: sizerem;`
`min-vh`	`min-height: 100vh;`
`min-h:full`	`min-height: 100%;`
`min-h:fit`	`min-height: fit-content;`
`min-h:min`	`min-height: min-content;`
`min-h:max`	`min-height: max-content;`
`min-h:screen-4xs`	`min-height: 22.5rem;`
`min-h:screen-3xs`	`min-height: 30rem;`
`min-h:screen-2xs`	`min-height: 37.5rem;`
`min-h:screen-xs`	`min-height: 48rem;`
`min-h:screen-sm`	`min-height: 52.125rem;`
`min-h:screen-md`	`min-height: 64rem;`
`min-h:screen-lg`	`min-height: 80rem;`
`min-h:screen-xl`	`min-height: 90rem;`
`min-h:screen-2xl`	`min-height: 100rem;`
`min-h:screen-3xl`	`min-height: 120rem;`
`min-h:screen-4xl`	`min-height: 160rem;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="min-h:full:hover min-h:full@sm min-h:full@dark min-h:full@print">…</div>

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.