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 |
|---|---|
| 0.5 | 0.125rem |
| 1 | 0.25rem |
| 1.5 | 0.375rem |
| 2 | 0.5rem |
| 2.5 | 0.625rem |
| 3 | 0.75rem |
| 3.5 | 0.875rem |
| 4 | 1rem |
| px | 1px |
| 4.5 | 1.125rem |
| 5 | 1.25rem |
| 5.5 | 1.375rem |
| 6 | 1.5rem |
| 6.5 | 1.625rem |
| 7 | 1.75rem |
| 7.5 | 1.875rem |
| 8 | 2rem |
| 8.5 | 2.125rem |
| 9 | 2.25rem |
| 9.5 | 2.375rem |
| 10 | 2.5rem |
| 11 | 2.75rem |
| 12 | 3rem |
| 13 | 3.25rem |
| 14 | 3.5rem |
| 15 | 3.75rem |
| -0.5 | -0.125rem |
| -1 | -0.25rem |
| -1.5 | -0.375rem |
| -2 | -0.5rem |
| -2.5 | -0.625rem |
| -3 | -0.75rem |
| -3.5 | -0.875rem |
| -4 | -1rem |
| -px | -1px |
| -4.5 | -1.125rem |
| -5 | -1.25rem |
| -5.5 | -1.375rem |
| -6 | -1.5rem |
| -6.5 | -1.625rem |
| -7 | -1.75rem |
| -7.5 | -1.875rem |
| -8 | -2rem |
| -8.5 | -2.125rem |
| -9 | -2.25rem |
| -9.5 | -2.375rem |
| -10 | -2.5rem |
| -11 | -2.75rem |
| -12 | -3rem |
| -13 | -3.25rem |
| -14 | -3.5rem |
| -15 | -3.75rem |
最后更新时间