[#712] Update typography - Githubissues

bitcrowd / bitstyles

A complete design system, with base styles and components, built in Sass using CSS variables

https://bitcrowd.github.io/bitstyles

ISC License

16 stars 0 forks source link

[#712] Update typography #746

Closed planktonic closed 1 year ago

planktonic commented 1 year ago

Fixes #712

Changes

Updates the font-sizes and line-heights of the default configuration
Adds a stories.js file, stories are then imported into the mdx
Adds a helper function to convert font-sizes from rem to px, so the storybook font-size DocBlock can parse them

📸

Screenshot 2023-04-03 at 16 56 16

How to QA Visual changes

git checkout main
git pull
git checkout feature/712-update-typography
yarn
yarn storybook
navigate to design tokens/typography

Check:

[x] The appearance matches the zeplin designs
[x] The documentation for this component is correct, understandable, and up-to-date.

How to QA code changes

[x] The documentation for this component is correct, understandable, and up-to-date.
[x] The component makes good use of CSS custom properties to simplify creating variants (or doesn’t have variants).
[x] Everything that should be a variable, is.

Preflight checks

PR author to check, and delete if not applicable:

[x] Storybook documentation has been updated
[x] Fixtures in test/scss/ have been updated
[x] Your changes have been added to the unreleased section of CHANGELOG.md