rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

adds a note on typography docs about rem units on font-size-base (#23988)

Browse Source
This commit is contained in:
Andres Galante 2017-10-02 18:59:07 -07:00 committed by Mark Otto
parent 2f459afb97
commit 0c03b70bcb
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/4.0/content/typography.md
View File

@ -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 %}