Spacing tokens

Spacing follows a 4px grid: token step × 4 = pixel value. Half steps use the same names in JSON and CSS, e.g. --catnip-space-0_5, --catnip-space-1_5, --catnip-space-2_5.

Use @signicat/catnip-design-tokens/css (or the JS module) so --catnip-space-* is defined. @signicat/catnip-css spacing utilities reference these variables.

No spacing tokens were found. Build the design-tokens package (e.g. pnpm run build in packages/design-tokens) and restart the docs dev server.