Sizing

Min Height

Utilities for sets the miminum height of an element.


Class

classcss
min-h-0min-height: 0
min-h-fullmin-height: 100%
min-h-screenmin-height: 100vh

Usage

<!-- Example -->
<y class="min-h-full">
...
</y>

Customize More

// @file: `src/_plugins.scss`
@include plugin(
(
utility: 'min-h',
//variant: 'responsive',
property: 'min-height',
modifier: (
'...': '...',
'...': '...'
...
)
)
)

Variant

VariantEnabledResponsive
DefaultYesYes
Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled