Sizing

Max Height

Utilities for sets the maximum height of an element.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
max-height-full	max-height: 100%
max-height-screen	max-height: 100vh

Usage

<div class="max-height-full">
  ...
</div>

HTML

.dummy {
  @extend
    .max-height-full;
}

SCSS