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