Spacing
Spacing は主にレイアウトで使われるトークンです。
CSS では margin や padding, top, left, bottom, right が関連します。
基準値
基準は 4px です。
| トークン名 | Value |
| semantic-spacing-0 | 0px |
| semantic-spacing-1 | 4px |
| semantic-spacing-2 | 8px |
| semantic-spacing-4 | 16px |
| semantic-spacing-6 | 24px |
| semantic-spacing-8 | 32px |
| semantic-spacing-10 | 40px |
| semantic-spacing-12 | 48px |
| semantic-spacing-16 | 64px |
| semantic-spacing-20 | 80px |
| semantic-spacing-24 | 96px |
| semantic-spacing-30 | 120px |