Skip to content

Commit

Permalink
docs(Typography): update links for tokens (#1674)
Browse files Browse the repository at this point in the history
  • Loading branch information
booc0mtaco authored Jul 5, 2023
1 parent acfc906 commit 906533d
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 3 deletions.
3 changes: 2 additions & 1 deletion .storybook/components/Docs/Guildelines/Tokens.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,8 @@ Tier 1 tokens define the brand's design values. They can be thought of as a bran
- `letter-spacing` for the spacing between text characters. This uses t-shirt sizes.
- `line-height-` for line height definitions. These are unitless relative values. Default to t-shirt sizes (e.g. `line-height-lg: 1.5` )

In addition to these tokens, we define a set of typography mixins which map font famil, size, and line height in discrete categories. Refer to the typography page in storybook for more information.
Individual presets and typography tokens are defined as a set of values to apply to the [CSS Font property](https://developer.mozilla.org/en-US/docs/Web/CSS/font).
See [Typography](/story/documentation-guidelines-typography--page) for more information.

### Z-index <a name="tier-1-z-index"></a>

Expand Down
4 changes: 2 additions & 2 deletions .storybook/components/Docs/Guildelines/Typography.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,9 @@ Values include:

Just as with other Tier 1 tokens, typography presets shouldn't be used directly by components. Typography presets are mapped to specific semantic usage at the Tier 2 level.

Note: line-height values are [unitless](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#prefer_unitless_numbers_for_line-height_values) and are specific to each preset, which is why the decision was made to exclude line height values from tokens.
Note: `line-height` values are [unitless](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#prefer_unitless_numbers_for_line-height_values) and are specific to each preset, which is why the decision was made to exclude line height values from tokens.

All presets exist as inline `font:` values, and can be used in Tier 2 usages:
All presets exist as inline [`font:`](https://developer.mozilla.org/en-US/docs/Web/CSS/font) values, and can be used in Tier 2 usages:

```css
font: var(--eds-typography-preset-001);
Expand Down

0 comments on commit 906533d

Please sign in to comment.