Size Helper Classes

Width and Max-Width Helper Classes

TIP

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

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

...-15

h-width-30

h-width-60

h-width-100

Special Width Helper Classes

Full-Width

.h-fullwidth

h-fullwidth

Auto Width

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

Max Content Width

.h-max-content-width sets width to "max-content", useful for buttons or inline elements to fit their content.

Height Helper Classes

TIP

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

.h-height-50 [0 - 100]