Spaces
Space Tokens 是一组预设的间距值,确保 UI 元素(如外边距、内边距、间隙等)的视觉一致性。
默认情况下,Space Tokens 可直接应用于以下属性
padding、paddingTop、paddingBottom、paddingLeft、paddingRight、marginRight、marginTop、marginLeft、marginBottom、margin、marginBlock、marginBlockStart、marginBlockEnd、marginInline、marginInlineStart、marginInlineEnd、paddingBlock、paddingBlockStart、paddingBlockEnd、paddingInline、paddingInlineStart、paddingInlineEnd、top、left、right、bottom、gap、rowGap、columnGap、gridGap、gridColumnGap、gridRowGap、outlineOffset、inset、insetBlock、insetBlockStart、insetBlockEnd、insetInline、insetInlineStart、insetInlineEnd。Nex UI 开箱即支持以下 Tokens。
| Token | Value |
|---|---|
| px | 1px |
| 0.5 | 2px |
| 1 | 4px |
| 1.5 | 6px |
| 2 | 8px |
| 2.5 | 10px |
| 3 | 12px |
| 3.5 | 14px |
| 4 | 16px |
| 4.5 | 18px |
| 5 | 20px |
| 5.5 | 22px |
| 6 | 24px |
| 6.5 | 26px |
| 7 | 28px |
| 7.5 | 30px |
| 8 | 32px |
| 8.5 | 34px |
| 9 | 36px |
| 9.5 | 38px |
| 10 | 40px |
| 11 | 44px |
| 12 | 48px |
| 13 | 52px |
| 14 | 56px |
| 15 | 60px |
| -px | -1px |
| -0.5 | -2px |
| -1 | -4px |
| -1.5 | -6px |
| -2 | -8px |
| -2.5 | -10px |
| -3 | -12px |
| -3.5 | -14px |
| -4 | -16px |
| -4.5 | -18px |
| -5 | -20px |
| -5.5 | -22px |
| -6 | -24px |
| -6.5 | -26px |
| -7 | -28px |
| -7.5 | -30px |
| -8 | -32px |
| -8.5 | -34px |
| -9 | -36px |
| -9.5 | -38px |
| -10 | -40px |
| -11 | -44px |
| -12 | -48px |
| -13 | -52px |
| -14 | -56px |
| -15 | -60px |
最后更新时间