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 |
|