Widths

Version: 0.9.0

Edit

Utilities for setting an element's width.

Percentages

0% Width

10% Width

20% Width

25% Width

30% Width

33% Width

40% Width

50% Width

60% Width

67% Width

70% Width

75% Width

80% Width

90% Width

100% Width

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Auto Width

<!-- width auto -->
<div class="u-width-auto">Auto Width</div>

9.25rem Width

11.25rem Width

13.5rem Width

17.5rem Width

20rem Width

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

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

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

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

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

Inherit Width

Initial Width

Unset Width

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

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

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