Sizing
Min Height
Utilities for sets the miminum height of an element.
Class
class | css |
---|---|
min-h-0 | min-height: 0 |
min-h-full | min-height: 100% |
min-h-screen | min-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
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | Yes |
Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |