1901872 - Establish heading font sizes/tokens/classes for the browser chrome

Status: NEW

(Toolkit :: Themes, task)

Description

[Mark Striemer [:mstriemer]]

Many panels have headings which are given a consistent font size/styling, however we are starting to have more involved surfaces in the browser chrome such as sidebars or even the Print dialog that has more UI elements and different font sizes/styles.

For the in-content context we have the text-and-typography.css styles that provide a way of styling text consistently across different pages. Unfortunately we have not established a type scale for the browser chrome and everything relies on font: menu, font: message-box, or font: caption. This leads to the cases where we do vary our font sizes or styling to not be consistent with other places that are trying to create a similar effect.

We should establish font sizes and styles for the chrome context that are backed by our token system and available automatically by following our global.css styles.