Foundations

Spacing

5 tokens

The rhythm of the page: margins, widths and gaps.

Loading saved values…

Section padding Y--ds-section-py

Vertical padding on every section — py-28 (112px)

rem(112px)

Content max width--ds-content-max

Inner content container max-width

Content padding X--ds-content-px

Horizontal content padding on desktop — px-20 (80px)

rem(80px)

Gap default--ds-gap

Default grid gap — gap-8 (32px)

rem(32px)

Section gap--ds-section-gap

Gap between sections — 0, sections use their own padding

rem(0px)