Marketing Padding

Marketing padding utilities extend core margin utilities across the x and y axis. 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.

Padding utilities

Use marketing padding utilities to apply padding to top, right, bottom, left, x-axis, or y axis of an element. These utilities can change or override default padding, and can be used with a spacing scale of 7–12.

Responsive padding utilities

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

Edit this page on GitHub