Rami Bitar 18d03f0a7a Fix font cascade for wrapped/nested heading elements ...

The body-font rule explicitly targeted span/a/p/li, which broke any
heading rendered as <span> (e.g. Typography variant="h3" as="span") or
any heading containing inline span/anchor children — those elements
matched the rule and reset their font to the body font, overriding
inheritance from the parent heading.

Set the body font once on `body` and let descendants inherit. Form
controls (button/input/textarea/select) get `font-family: inherit` so
they pick up the surrounding context instead of the UA default.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

2026-05-10 17:10:12 -04:00

7.1 KiB

Raw Blame History

View Raw