Spacing

Inset (padding) and gap (between siblings) scales, partitioned by tier: element, block, section.

space-gap-blocks-l

32px

space-gap-blocks-m

24px

space-gap-blocks-s

16px

space-gap-elements-l

12px

space-gap-elements-m

8px

space-gap-elements-s

4px

space-gap-sections-l

96px

space-gap-sections-m

64px

space-gap-sections-s

48px

space-inset-block-l

32px

space-inset-block-m

24px

space-inset-block-s

12px

space-inset-element-l

12px

space-inset-element-m

8px

space-inset-element-s

4px

space-inset-section-l

64px

space-inset-section-m

48px

space-inset-section-s

32px