Interface: CssVarsResult

Defined in: roots/toCssVars.ts:108

Return type of toCssVars().

Properties

coarseHitVars

coarseHitVars: Record<string, string>

Defined in: roots/toCssVars.ts:116

Overrides for hit.* tokens when any-pointer: coarse is active. Apply these inside @media (any-pointer: coarse) { :root { ... } }. Emitted automatically by toCssString().

---

containerQueryVars

containerQueryVars: Record<string, string | number>

Defined in: roots/toCssVars.ts:129

CSS vars whose values contain container query units (cqi, cqb, etc.). Emitted inside @supports (width: 1cqi) by toCssString(). The base block uses viewport-safe fallbacks for these vars.

---

cssVars

cssVars: Record<string, string | number>

Defined in: roots/toCssVars.ts:110

Flat map of CSS custom property names → values (original, including CQ units).

---

reducedMotionVars

reducedMotionVars: Record<string, string>

Defined in: roots/toCssVars.ts:123

Overrides for semantic motion duration tokens under reduced-motion. All durations are set to var(--tt-core-motion-duration-none) (0ms). Apply these inside @media (prefers-reduced-motion: reduce) { :root { ... } }. Emitted automatically by toCssString().

---

selector

selector: string

Defined in: roots/toCssVars.ts:131

The CSS selector used for scoping.

---

toCssString

toCssString: () => string

Defined in: roots/toCssVars.ts:133

Generates a complete CSS block string.

Returns

string