Marketing Margin

Marketing margin utilities extend core margin utilities across the y-axis only. The marketing scale starts from spacer 7 up to 12, and steps first by 8px for spacer 7 and continues in increments of 16px for spacer 8 to 12.

Y-axis margin utilities

Use marketing margin utilities to apply margin to top, bottom, or both y-axis of an element. These utilities can change or override default margins, and can be used with a spacing scale of 7-12.

Responsive y-axis margin utilities

All marketing margin utilities can be adjusted per breakpoint using the following formula: m[y-direction]-[breakpoint]-[spacer]. Each responsive style is applied to the specified breakpoint and up.

Edit this page on GitHub
1 contributorcolebemis
Last edited by colebemis on August 12, 2019