Skip to main content

Space and size

11 primitives, 11 used.

space​

PrimitiveValueSampleUsed by
space.20.125rem (2px)component-spacing-map.hairline (semantic)
space.40.25rem (4px)space.gap.tight (semantic)
component-spacing-map.x1 (semantic)
space.80.5rem (8px)space.gap.default (semantic)
component-spacing-map.x2 (semantic)
space.120.75rem (12px)space.inset.control-x (semantic)
space.inset.cell-x (semantic)
component-spacing-map.x3 (semantic)
space.161rem (16px)space.gap.group (semantic)
space.inset.container (semantic)
component-spacing-map.x4 (semantic)
space.241.5rem (24px)space.gap.section (semantic)
component-spacing-map.x6 (semantic)
space.322rem (32px)component-spacing-map.x8 (semantic)
space.483rem (48px)component-spacing-map.x12 (semantic)

size​

PrimitiveValueSampleUsed by
size.161rem (16px)size.icon (semantic)
size.241.5rem (24px)size.control.compact (semantic)
size.322rem (32px)size.control.default (semantic)
size.control.large (semantic)
size.row (semantic)