Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System
https://developers.arcgis.com/calcite-design-system/
Other
295 stars 76 forks source link

Allow for specifying heading font-family #5255

Open mjuniper opened 2 years ago

mjuniper commented 2 years ago

Description

In the Hub app, we allow customers to specify a body font and heading font (to be applied to h1 - h6 elements). Today, body fonts are adopted by calcite components via CSS inheritance. But there is no way, as far as I know, to specify heading fonts.

I propose a CSS custom property that, when set, will apply to h1 - h6 elements.

Acceptance Criteria

Heading elements in calcite-components will use the font family specified via custom property and, if not supplied will use the inherited font.

Relevant Info

No response

Which Component

All that contain heading elements.

Example Use Case

No response

geospatialem commented 11 months ago

Consider for all component headings, regardless of implementation <h#>.

geospatialem commented 6 hours ago

Spike needed to determine the pattern for token use and next steps and latest token documentation and guidance.