WORK-369
ID:WORK-369Status:ready

bg gradient fill: inline facets + structured BgPresetDefinition.gradient

Add a token-driven bg gradient fill via inline facets and a structured BgPresetDefinition.gradient preset field.

Priority:mediumComplexity:moderateMilestone:v0.20.0Source:SPEC-088
claude/mcp-server-verify-4lnxej View source

Criteria completion

Criteria completion: 0 of 3 (0%) checked; tracking started on Jun 9, no incremental history yet0%25%50%75%100%Jun 9Jun 15

Tracking started Jun 9 — check back for trends.

Relationships

Implements 1
Branches 2
claude/mcp-server-verify-4lnxej current ready
claude/spec-088-bg-gradients-scrim donemain done
History 1
  1. 1da59d6
    Created (ready)by bjornolofandersson

Acceptance Criteria

  • Inline facets bg-gradient (bounded direction set), bg-from|to|via (semantic token refs → var(--rf-color-*)), bg-gradient-type (linear|radial|conic); colours stay token-owned.
  • Named gradient presets live on BgPresetDefinition.gradient (type + direction + token-name stops), not the raw style map; bg="name" applies; extends works.
  • A fill gradient occupies the base bg layer (reuses --bg-image), composing beneath scrim/substrate and with the tint/inset fill.

Approach

BgPresetDefinition in types.ts; bg.css --bg-image. SPEC-088 §1.

References

  • SPEC-088