Sticky positioning utility (.sf-sticky) + offset sizes (s/m/l)

[jackgranatowski]

Problem

Sticky positioning is only available today via the state class .is-sticky plus a single fluid --sf-sticky-offset. There's no dedicated .sf-sticky layout utility and no offset-size modifiers, so common "sticky with a small/medium/large gap" cases require manual token overrides.

Scope

• .sf-sticky (position: sticky; inset-block-start: var(--sf-sticky-offset, 0)).
• Offset modifiers .sf-sticky--s/-m/-l (or a --sf-sticky-offset scale) layered on top of the existing header-aware fluid offset.
• Keep .is-sticky state as-is.

Acceptance

• .sf-sticky + offset sizes emitted; documented

[jackgranatowski]

Already shipped on main: .sf-sticky + offset modifiers (.sf-sticky--s/-m/-l) are implemented in optional/utilities.css, built on the existing --sf-sticky-offset fluid header-aware offset, and documented. Closing as completed.

---

Generated by Claude Code