Press/to search

Sizing

Max Height

Utilities for sets the maximum height of an element.


Class

classcss
max-h-fullmax-height: 100%
max-h-screenmax-height: 100vh

Usage

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

Customization

Read more information about using the Plugin API, and Responsive or Pseudo-Class Variants configuration with the Plugin API.

// Add Values
@include yogurt(
$class: 'max-h',
$property: max-height,
$modifier: (
sm: 30%,
md: 50%
//...
)
);

// Add Variants
@include yogurt(
$class: 'max-h',
$property: max-height,
$modifier: (
sm: 30%,
md: 50%
//...
),
$variant: (
'responsive'
//...
)
);

Variant

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.