Grid Auto Rows

Utilities for controlling the size of implicitly-created grid rows.

Class	Properties
.auto-rows-auto	grid-auto-rows: auto;
.auto-rows-min	grid-auto-rows: min-content;
.auto-rows-max	grid-auto-rows: max-content;
.auto-rows-fr	grid-auto-rows: minmax(0, 1fr);

Usage

Use the auto-rows-{size} utilities to control the size implicitly-created grid rows.

Responsive

To control the grid-auto-columns property at a specific breakpoint, add @{breakpoint} the end of the utility.

Variants

By default, only responsive variants are generated for grid-auto-rows. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.