Spacing
Use these predefined tokens in your application to keep consistent spacing between elements.
| Token | Value | Example |
|---|---|---|
--mo-spacing-3x-small |
0.125rem (2px) | |
--mo-spacing-2x-small |
0.25rem (4px) | |
--mo-spacing-x-small |
0.5rem (8px) | |
--mo-spacing-small |
0.75rem (12px) | |
--mo-spacing-medium |
1rem (16px) | |
--mo-spacing-large |
1.5rem (24px) | |
--mo-spacing-x-large |
2rem (32px) | |
--mo-spacing-2x-large |
2.5rem (40px) | |
--mo-spacing-3x-large |
3rem (48px) | |
--mo-spacing-4x-large |
4rem (64px) | |
--mo-spacing-5x-large |
4.5rem (72px) |