Skip to content
HomePagesHomePages template kit
Menu
Start here
What you're buildingInstallFirst renderRead the starterAdd a slotShip it
Concepts
The pipelineSections and declarationsSlotsFacts and provenanceAI fillFixtures and scenariosValues and emptinessThe marker contractServer and clientTheme modelFrames and formatsComposition and reconcileVersioningStaying current
Guides
API reference
Rules

FrameTokens

The three custom properties the frame shell sets on its root, ready to spread into a `style`.

The three custom properties the frame shell sets on its root, ready to spread into a style. Exact CSS px — the shell’s own calc() box and any section padding measured from the trim edge resolve against these values, so they are never rounded.

Import from @homepages/template-kit.

Signature

Section titled “Signature”
export interface FrameTokens {
    readonly "--frame-w": string;
    readonly "--frame-h": string;
    readonly "--frame-bleed": string;
}

See also

Section titled “See also”