使い方：基準値と段階数を決めると、余白の一覧とCSS変数(--space-*)が出ます。
仕組み・詳しく
等差＝基準×n（例 8,16,24…）、等比＝基準×倍率^(n-1)（例 8,12,18…）。出力の
:root{…} をCSSに貼ると、余白を var(--space-3) のようにトークンで統一できます。デザインの余白ルールを揃えたいときに便利。設定
px
個
刻み方
rem基準
px
スケール
| token | px | rem | 大きさ |
|---|