Spacing
beta

By default, components contain an extra small bottom margin. If for any reason this is not required, you may use the .vertical-offset-clear class to 0 out the bottom spacing.

Spacing should be attributed 100% below a UI element, not split between the top and bottom.

Correct Usage
done
Incorrect Usage
clear
Extra-extra-small 5 5
.vertical-offset-xxs
Extra-small 10 10
.vertical-offset-xs
Small 15 15
.vertical-offset-sm
Base 20 20
.vertical-offset-base
Medium 25 25
.vertical-offset-md
Large 30 30
.vertical-offset-lg
Extra-large 40 34
.vertical-offset-xl
Extra-extra-large 50 43
.vertical-offset-xxl
Extra-extra-extra-large 60 51
.vertical-offset-xxxl