Finding
Same staging pattern as .sf-btn (see companion issue): .sf-card in optional/components.css:184-238 — with __header/__body/__footer/__media/__avatar/__title subcomponents, concentric radius math (--sf-card-radius-outer = inner + padding), and a nested .sf-btn font-size override — is fully written but commented out until v0.8. Nothing card-related ships in 0.x today.
The companion token block in optional/tokens.components.css (padding, gap, radius, bg, border, shadow, media-ratio, heading-size) is also commented out for cards specifically — only the field/button token subset near the top of that file is live.
Why this matters
A card is one of the most commonly reached-for patterns in page-builder work. Right now users have to hand-roll it entirely from primitives (.sf-box, --sf-radius-*, --sf-shadow-*) with no dedicated, documented primitive.
Scope
- Decide/confirm activation path for v0.8: uncomment
.sf-card in optional/components.css and its token block in optional/tokens.components.css, verify referenced tokens haven't drifted since written.
docs/llm-guide.md + relevant docs updates once shipped (new PUBLIC macro, per repo CLAUDE.md).
Finding
Same staging pattern as
.sf-btn(see companion issue):.sf-cardinoptional/components.css:184-238— with__header/__body/__footer/__media/__avatar/__titlesubcomponents, concentric radius math (--sf-card-radius-outer = inner + padding), and a nested.sf-btnfont-size override — is fully written but commented out until v0.8. Nothing card-related ships in 0.x today.The companion token block in
optional/tokens.components.css(padding, gap, radius, bg, border, shadow, media-ratio, heading-size) is also commented out for cards specifically — only the field/button token subset near the top of that file is live.Why this matters
A card is one of the most commonly reached-for patterns in page-builder work. Right now users have to hand-roll it entirely from primitives (
.sf-box,--sf-radius-*,--sf-shadow-*) with no dedicated, documented primitive.Scope
.sf-cardinoptional/components.cssand its token block inoptional/tokens.components.css, verify referenced tokens haven't drifted since written.docs/llm-guide.md+ relevant docs updates once shipped (new PUBLIC macro, per repoCLAUDE.md).