diff options
| author | Mark Otto <[email protected]> | 2020-04-08 11:16:50 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2020-04-13 13:55:34 -0700 |
| commit | e3583115c6c2120cb28f40e4526af7498fe73c1d (patch) | |
| tree | 618bb80a9d1a2f1fc93db5435a7722d472e26bc1 | |
| parent | 5f932ff734b787e334940c660a66cfa3835191b1 (diff) | |
| download | bootstrap-e3583115c6c2120cb28f40e4526af7498fe73c1d.tar.xz bootstrap-e3583115c6c2120cb28f40e4526af7498fe73c1d.zip | |
Clarify media query using .02px and bump from callout to warning
| -rw-r--r-- | site/content/docs/4.3/layout/breakpoints.md | 2 | ||||
| -rw-r--r-- | site/layouts/partials/callout-info-mediaqueries-breakpoints.md | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/4.3/layout/breakpoints.md b/site/content/docs/4.3/layout/breakpoints.md index 2a9ae880d..d33a2eda2 100644 --- a/site/content/docs/4.3/layout/breakpoints.md +++ b/site/content/docs/4.3/layout/breakpoints.md @@ -173,7 +173,7 @@ These mixins take those declared breakpoints, subtract `.02px` from them, and us // No media query since the xxl breakpoint has no upper bound on its width {{< /highlight >}} -{{< callout info >}} +{{< callout warning >}} {{< partial "callout-info-mediaqueries-breakpoints.md" >}} {{< /callout >}} diff --git a/site/layouts/partials/callout-info-mediaqueries-breakpoints.md b/site/layouts/partials/callout-info-mediaqueries-breakpoints.md index e3660e462..2eea77138 100644 --- a/site/layouts/partials/callout-info-mediaqueries-breakpoints.md +++ b/site/layouts/partials/callout-info-mediaqueries-breakpoints.md @@ -1 +1 @@ -Note that since browsers do not currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), we work around the limitations of [`min-` and `max-` prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision for these comparisons. +**Why subtract .02px?** Browsers don't currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), so we work around the limitations of [`min-` and `max-` prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision. |