Min Widths

Version: 2.0.0

Edit

Utilities for setting an element's minimum width.

Percentages

0% Min Width

10% Min Width

20% Min Width

25% Min Width

30% Min Width

33% Min Width

40% Min Width

50% Min Width

60% Min Width

67% Min Width

70% Min Width

75% Min Width

80% Min Width

90% Min Width

100% Min Width

<!-- min width 0 -->
<div class="u-min-width-0">0% Min Width</div>

<!-- min width 10 -->
<div class="u-min-width-10">10% Min Width</div>

<!-- min width 20 -->
<div class="u-min-width-20">20% Min Width</div>

<!-- min width 25 -->
<div class="u-min-width-25">25% Min Width</div>

<!-- min width 30 -->
<div class="u-min-width-30">30% Min Width</div>

<!-- min width 33 -->
<div class="u-min-width-33">33% Min Width</div>

<!-- min width 40 -->
<div class="u-min-width-40">40% Min Width</div>

<!-- min width 50 -->
<div class="u-min-width-50">50% Min Width</div>

<!-- min width 60 -->
<div class="u-min-width-60">60% Min Width</div>

<!-- min width 67 -->
<div class="u-min-width-67">67% Min Width</div>

<!-- min width 70 -->
<div class="u-min-width-70">70% Min Width</div>

<!-- min width 75 -->
<div class="u-min-width-75">75% Min Width</div>

<!-- min width 80 -->
<div class="u-min-width-80">80% Min Width</div>

<!-- min width 90 -->
<div class="u-min-width-90">90% Min Width</div>

<!-- min width 100 -->
<div class="u-min-width-100">100% Min Width</div>

None Min Width

<!-- min width none -->
<div class="u-min-width-none">None Min Width</div>

9.25rem Min Width

11.25rem Min Width

13.5rem Min Width

17.5rem Min Width

20rem Min Width

<!-- min width 9.25rem -->
<div class="u-min-width-9-25rem">9.25rem Min Width</div>

<!-- min width 11.25rem -->
<div class="u-min-width-11-25rem">11.25rem Min Width</div>

<!-- min width 13.5rem -->
<div class="u-min-width-13-5rem">13.5rem Min Width</div>

<!-- min width 17.5rem -->
<div class="u-min-width-17-5rem">17.5rem Min Width</div>

<!-- min width 20rem -->
<div class="u-min-width-20rem">20rem Min Width</div>

Fit Content Min Width

Max Content Min Width

Min Content Min Width

<!-- min width fit content -->
<div class="u-min-width-fit-content">Fit Content Min Width</div>

<!-- min width max content -->
<div class="u-min-width-max-content">Max Content Min Width</div>

<!-- min width min content -->
<div class="u-min-width-min-content">Min Content Min Width</div>

Inherit Min Width

Initial Min Width

Unset Min Width

<!-- min width inherit -->
<div class="u-min-width-inherit">Inherit Min Width</div>

<!-- min width initial -->
<div class="u-min-width-initial">Initial Min Width</div>

<!-- min width unset -->
<div class="u-min-width-unset">Unset Min Width</div>