diff options
| author | Andres Galante <[email protected]> | 2017-10-02 18:59:07 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-10-02 18:59:07 -0700 |
| commit | 0c03b70bcb81ebb83eb41bf3b561a3b2106ec76f (patch) | |
| tree | 6c6a57b0939c95f6145ef07d73ca8b86d4eb540e /docs/4.0 | |
| parent | 2f459afb979d893ac0d03d5d5550747589fa65bf (diff) | |
| download | bootstrap-0c03b70bcb81ebb83eb41bf3b561a3b2106ec76f.tar.xz bootstrap-0c03b70bcb81ebb83eb41bf3b561a3b2106ec76f.zip | |
adds a note on typography docs about rem units on font-size-base (#23988)
Diffstat (limited to 'docs/4.0')
| -rw-r--r-- | docs/4.0/content/typography.md | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/4.0/content/typography.md b/docs/4.0/content/typography.md index 74ecbe614..d76070889 100644 --- a/docs/4.0/content/typography.md +++ b/docs/4.0/content/typography.md @@ -16,7 +16,7 @@ Bootstrap sets basic global display, typography, and link styles. When more cont - Set the global link color via `$link-color` and apply link underlines only on `:hover`. - Use `$body-bg` to set a `background-color` on the `<body>` (`#fff` by default). -These styles can be found within `_reboot.scss`, and the global variables are defined in `_variables.scss`. +These styles can be found within `_reboot.scss`, and the global variables are defined in `_variables.scss`. Make sure to set `$font-size-base` in `rem`. ## Headings @@ -297,24 +297,24 @@ Here's an example of it in practice. Choose whatever `font-size`s and media quer {% highlight scss %} html { - font-size: 14px; + font-size: 1rem; } @include media-breakpoint-up(sm) { html { - font-size: 16px; + font-size: 1.2rem; } } @include media-breakpoint-up(md) { html { - font-size: 20px; + font-size: 1.4rem; } } @include media-breakpoint-up(lg) { html { - font-size: 28px; + font-size: 1.6rem; } } {% endhighlight %} |