space.2 | 0.125rem (2px) | | component-spacing-map.hairline (semantic) |
space.4 | 0.25rem (4px) | | component-spacing-map.x1 (semantic) |
space.8 | 0.5rem (8px) | | space.gap.tight (semantic)
component-spacing-map.x2 (semantic) |
space.16 | 1rem (16px) | | space.gap.default (semantic)
space.inset.cell-x (semantic) |
space.20 | 1.25rem (20px) | | space.inset.control-x (semantic)
component-spacing-map.x3 (semantic) |
space.24 | 1.5rem (24px) | | space.inset.container (semantic)
component-spacing-map.x4 (semantic) |
space.32 | 2rem (32px) | | space.gap.group (semantic) |
space.36 | 2.25rem (36px) | | component-spacing-map.x6 (semantic) |
space.48 | 3rem (48px) | | component-spacing-map.x8 (semantic) |
space.64 | 4rem (64px) | | space.gap.section (semantic)
component-spacing-map.x12 (semantic) |