diff --git a/docs/content/typography.md b/docs/content/typography.md index 073734768135..674b19b2e33b 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -17,6 +17,7 @@ Bootstrap includes simple and easily customized typography for headings, body te Bootstrap sets basic global display, typography, and link styles. Specifically, we: - Use a [native font stack]({{ site.baseurl }}/content/reboot/#native-font-stack) that selects the best `font-family` for each OS and device. +- For a more inclusive and accessible type scale, we assume the browser default root `font-size` (typically 16px) so visitors can customize their browser defaults as needed. - Use the `$font-family-base`, `$font-size-base`, and `$line-height-base` attributes as our typographic base applied to the ``. - 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 `` (`#fff` by default). diff --git a/scss/_close.scss b/scss/_close.scss index 5a92430a47c7..859990e3105a 100644 --- a/scss/_close.scss +++ b/scss/_close.scss @@ -1,6 +1,6 @@ .close { float: right; - font-size: ($font-size-base * 1.5); + font-size: $close-font-size; font-weight: $close-font-weight; line-height: 1; color: $close-color; diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index 9638b81712de..22e78bf35a75 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -44,7 +44,7 @@ min-width: $dropdown-min-width; padding: $dropdown-padding-y 0; margin: $dropdown-margin-top 0 0; // override default ul - font-size: $font-size-base; + font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues color: $body-color; text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) list-style: none; diff --git a/scss/_input-group.scss b/scss/_input-group.scss index 29831ab96db4..ab44883bd196 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -69,7 +69,7 @@ .input-group-addon { padding: $input-padding-y $input-padding-x; margin-bottom: 0; // Allow use of