Sizing

Max Height

Style syntax for setting the maximum height of an element.

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

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

Conditionally apply

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

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

Style syntax for setting an element’s height.

Style syntax for setting the maximum width of an element.

MIT License © Aoyue Design LLC.

Issue on this page