(shape: "shadow" | "shadow_top" | "shadow_bottom" | "shadow_inset" | "shadow_inset_top" | "shadow_inset_bottom", size: "lg" | "md" | "sm" | "xs" | "xl", color: "umbra" | "highlight" | "glow" | "shroud", alpha: "00" | ... 11 more ... | "100"): string import {render_shadow_css} from '@fuzdev/fuz_css/shadow_css.js'; Renders one box-shadow layer from the shadow tokens, for a declared
shadow variable like --button_shadow or --panel_shadow. Join several
with , to stack them.
The color is named outright, not read through the contextual
--shadow_color the .shadow_* classes set: a custom property's var()s
substitute against the element that declares it, and theme variables are
declared on :root, so that indirection would only ever see its fallback.
shape
where the shadow falls
type ShadowShape
size
the geometry step
type ShadowSizeVariant
color
the semantic shadow color, as in --shadow_color_umbra
type ShadowSemanticValue
alpha
the step of the shadow alpha ramp, scaled by --shadow_alpha_scale
type NumericScaleVariant
returns
string the layer as a CSS value