Mixins / API

foldkit-mixins/utilities

foldkit-mixins/utilities: one-idea pieces over the shipped scales, so Utilities.p('md') is padding: var(--fk-space-md). A step is a token name of Theme.tokens (and a color a token name of Theme.oklch), so a step the scale lacks is a type error and the value still follows the density knob and a theme's overrides: the theme stays the one source of truth for sizes.

Each is a rule on the element (Style.self), unlayered like the other subpaths' pieces, so it takes the layer of the style it is composed into and a plain declaration beside it wins per property. Compose them like any piece: [U.flex, U.gap('sm'), { color: t.text.muted }].

Namespaces

Types

ColorNameA Theme.oklch color as group.name: 'surface.base', 'text.muted', 'accent.on-fill'.
MarginA margin step: a space step, or auto.
SpaceA space step, or none.