Sizing

Min Width

Utilities for sets the minimum width of an element.

Class

Usage

<!-- Example -->
<y class="min-w-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: 'min-w',
  $property: min-width,
  $modifier: (
    sm: 30%,
    md: 50%
    //...
  )
);

// Add Variants
@include yogurt(
  $class: 'min-w',
  $property: min-width,
  $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.