shoelace/docs/tokens/spacing.md

2.1 KiB

Spacing Tokens

Spacing tokens are used to provide consistent spacing between components and content throughout your app.

Token Value Example
--sl-spacing-xxx-small 0.125rem (2px)
--sl-spacing-xx-small 0.25rem (4px)
--sl-spacing-x-small 0.5rem (8px)
--sl-spacing-small 0.75rem (12px)
--sl-spacing-medium 1rem (16px)
--sl-spacing-large 1.25rem (20px)
--sl-spacing-x-large 1.75rem (28px)
--sl-spacing-xx-large 2.25rem (36px)
--sl-spacing-xxx-large 3rem (48px)
--sl-spacing-xxxx-large 4.5rem (72px)