Spacing
Spacing tokens are used to provide consistent spacing between components and content throughout our apps.
| Token | Value | Example |
|---|---|---|
--ahi-space-0 |
0 | |
--ahi-space-025 |
0.0625rem (1px) | |
--ahi-space-05 |
0.125rem (2px) | |
--ahi-space-1 |
0.25rem (4px) | |
--ahi-space-2 |
0.5rem (8px) | |
--ahi-space-3 |
0.75rem (12px) | |
--ahi-space-4 |
1rem (16px) | |
--ahi-space-5 |
1.25rem (20px) | |
--ahi-space-6 |
1.5rem (24px) | |
--ahi-space-8 |
2rem (32px) | |
--ahi-space-10 |
2.5rem (40px) | |
--ahi-space-12 |
3rem (48px) | |
--ahi-space-16 |
4rem (64px) | |
--ahi-space-20 |
5rem (80px) | |
--ahi-space-24 |
6rem (96px) | |
--ahi-space-28 |
7rem (112px) | |
--ahi-space-32 |
8rem (128px) |