Sizing

Min Height

Style syntax for setting the minimum height of an element.

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

Class	Declarations
`min-height:size` `/` `min-h:size`	`min-height: sizerem`
`min-h:full`	`min-height: size%`
`min-h:fit`	`min-height: fit-content`
`min-h:max`	`min-height: max-content`
`min-h:max`	`min-height: max-content`
`min-h:3xs` `/` `min-h:360`	`min-height: 30rem`
`min-h:2xs` `/` `min-h:480`	`min-height: 37.5rem`
`min-h:xs` `/` `min-h:600`	`min-height: 48rem`
`min-h:sm` `/` `min-h:768`	`min-height: 52.125rem`
`min-h:md` `/` `min-h:1024`	`min-height: 64rem`
`min-h:lg` `/` `min-h:1280`	`min-height: 80rem`
`min-h:xl` `/` `min-h:1440`	`min-height: 90rem`
`min-h:2xl` `/` `min-h:1600`	`min-height: sizerem`
`min-h:3xl` `/` `min-h:1920`	`min-height: 120rem`
`min-h:4xl` `/` `min-h:2560`	`min-height: 160rem`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

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

Style syntax for setting the maximum width of an element.

Style syntax for setting the minimum width of an element.

MIT License © Aoyue Design LLC.

Issue on this page