Margins

<p class="u-mb-small">The bottom margin on this text is set to the small gutter size.</p>

<p class="u-mb-medium">The bottom margin on this text is set to the medium gutter size.</p>

<p class="u-mb-large">The bottom margin on this text is set to the large gutter size.</p>

<p class="u-mb-zero">The bottom margin on this text is set to zero.</p>

<p class="u-mb-line-height">The bottom margin on this text is set to the base line height. When used within an element with a font helper class, the bottom margin is set to the line height of that font.</p>