search

nl-design-system / backlog

Central product backlog of the NL Design System.
European Union Public License 1.2
7 stars 1 forks source link

Strong #138

Open Robbert opened 3 years ago

Robbert commented 3 years ago

The strong emphasis component, like the HTML element strong.

Design tokens

With the advent of variable fonts, it would be nice to be able to specify the font-weight with a common font-weight design token, instead of relying on the default font-weight: bold. If the desired font-weight is for example 375, it would be nice to be able to do this:

:root {
  --brand-typography-bold-font-weight: 375;
}

strong {
  font-weight: var(--brand-typography-bold-font-weight, bold);
}

Naming

To keep inline with our naming convention: let's use strong instead of strong emphasis