Sizing
w-10
w-20
w-25
w-33
w-50
w-66
w-75
w-80
w-90
w-100
w-100
mw-10
w-100
mw-20
w-100
mw-25
w-100
mw-33
w-100
mw-50
w-100
mw-66
w-100
mw-75
w-100
mw-80
w-100
mw-90
w-100
mw-100
h-10
h-20
h-25
h-33
h-50
h-66
h-75
h-80
h-90
h-100
h100
mh-10
h100
mh-20
h100
mh-25
h100
mh-33
h100
mh-50
h100
mh-66
h100
mh-75
h100
mh-80
h100
mh-90
h100
mh-100
fb-10
fb-20
fb-25
fb-33
fb-50
fb-66
fb-75
fb-80
fb-90
fb-100
Code
Apply the classes as required for height h-{HEIGHT}, width w-{WIDTH}, flex-basis
fb-{WIDTH}, max-height mh-{HEIGHT} and max-width mw-{WIDTH} where
{HEIGHT} and {WIDTH} are one of the following values: 10, 20, 25, 33, 50,
66, 75, 80, 90, 100.
You can also apply breakpoint prefixes to height h-{PREFIX}-{HEIGHT}, width
w-{PREFIX}-{WIDTH}, flex-basis fb-{PREFIX}-{WIDTH}, max-height
mh-{PREFIX}-{HEIGHT} and max-width mw-{PREFIX}-{WIDTH} where {HEIGHT}
and {WIDTH} are one of the following values:
10, 20, 25, 33, 50, 66, 75, 80, 90, 100 and {PREFIX} is
s, m, l, xl.
<span class="w-33"></span>
<span class="mw-66"></span>
<span class="h-25"></span>
<span class="h-50"></span>
<span class="w-s-10"></span>
<span class="mw-l-90"></span>
<span class="h-m-20"></span>
<span class="mh-xl-80"></span>