Min & Max Width/Height

Utilities for setting the minimum/maximum width or height of an element.

For min-width, max-width, min-height and max-height the same classes are created as for the regular widths and heights. You only have to add a "min" or "max" prefix.

Class	Properties
.minw{value}	min-width: {value};
.maxw{value}	max-width: {value};
.minh{value}	min-height: {value};
.maxh{value}	max-height: {value};

Variants

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