Syntax
min-height
Setting the minimum height of an element.
Overview
| Class | Declarations |
|---|---|
min-h:size | min-height: size/16rem;
|
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>