Size Helper Classes

Width and Max-Width Helper Classes

TIP

You can set the percentage of the width in steps of 5:

.h-width-5 [5 - 100]
.h-min-width-25 [5 - 100]
.h-max-width-25 [5 - 100]

...-15

h-width-30

h-width-60

h-fullwidth

<div class="h-width-15">...-15</div>
<div class="h-width-30">h-width-30</div>
<div class="h-width-90">h-width-60</div>
<div class="h-fullwidth">h-fullwidth</div>

Special Width Helper Classes

Full-Width

.h-width-100 / .h-fullwidth

h-width-100

h-fullwidth

<div class="h-width-100">h-width-100</div>
<div class="h-fullwidth">h-fullwidth</div>

Auto Width

.h-width-auto reset width to "width: auto" (or .auto-width - deprecated!) .h-width-no-max reset max-width to 0

Height Helper Classes

TIP

You can set the percentage of the width in steps of 5:

.h-height-50 [5 - 100]