Chicago / design-cds-bootstrap

The Chicago Design System as a Bootstrap 4 theme
https://chicago.github.io/design-cds-bootstrap/
MIT License
8 stars 2 forks source link

Bootstrap - using REM #41

Closed chrisjcalderon closed 4 years ago

chrisjcalderon commented 4 years ago

All,

After doing some research for using an measure approach that is easy to understand and and manage, I found the following, which I would like to use for CDS:

Set the default font size to 62.5% html { font-size: 62.5%; }

Once we do this, we can know what the resulting font size in pixels will be:

1rem = 10px 1.5rem = 15px 3rem = 30px

and so on and so forth. This way if in figma a font-size is expressed in pixels (as is now), we can easily determine the correct REM settings in bootstrap.

Thoughts?

mario-duran commented 4 years ago

We made this change in our current version.