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.

Overview [sr-only]

ClassDeclarations
min-height:size / min-h:sizemin-height: sizerem
min-h:fullmin-height: size%
min-h:fitmin-height: fit-content
min-h:maxmin-height: max-content
min-h:maxmin-height: max-content
min-h:3xs / min-h:360min-height: 30rem
min-h:2xs / min-h:480min-height: 37.5rem
min-h:xs / min-h:600min-height: 48rem
min-h:sm / min-h:768min-height: 52.125rem
min-h:md / min-h:1024min-height: 64rem
min-h:lg / min-h:1280min-height: 80rem
min-h:xl / min-h:1440min-height: 90rem
min-h:2xl / min-h:1600min-height: sizerem
min-h:3xl / min-h:1920min-height: 120rem
min-h:4xl / min-h:2560min-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>
PREVIOUS
Max Width

Style syntax for setting the maximum width of an element.

NEXT
Min Width

Style syntax for setting the minimum width of an element.

MIT License © Aoyue Design LLC.