Sage Design Tokens / base / spacing
| Name | Value | Preview |
|---|---|---|
| spacing100 🔗 |
8px |
|
| spacing110 🔗 |
9px |
|
| spacing125 🔗 |
10px |
|
| spacing150 🔗 |
12px |
|
| spacing175 🔗 |
14px |
|
| spacing200 🔗 |
16px |
|
| spacing250 🔗 |
20px |
|
| spacing300 🔗 |
24px |
|
| spacing400 🔗 |
32px |
|
| spacing500 🔗 |
40px |
|
| spacing600 🔗 |
48px |
|
| spacing700 🔗 |
56px |
|
| spacing800 🔗 |
64px |
|
| spacing900 🔗 |
72px |
|
| spacing1000 🔗 |
80px |
|
| spacing000 🔗 |
0 |
|
| spacing010 🔗 |
1px |
|
| spacing025 🔗 |
2px |
|
| spacing035 🔗 |
3px |
|
| spacing050 🔗 |
4px |
|
| spacing060 🔗 |
5px |
|
| spacing075 🔗 |
6px |
|
| spacingNeg010 🔗 |
-1px |
|
| spacingNeg025 🔗 |
-2px |
|
| spacingNeg050 🔗 |
-4px |
|
| spacingNeg075 🔗 |
-6px |
|
| spacingNeg100 🔗 |
-8 |
|