diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-04-18 14:02:26 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2020-06-15 00:50:47 +0300 |
commit | 7e28764e67c7873bc1de043cda4e412d85571d84 (patch) | |
tree | 0085b7171ae6625299ffd599eba65c1112cac645 /site/assets | |
parent | aee711bfa944b592facbe5df1eb9114f3c4e37e0 (diff) |
Change breakpoint-max implementation
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint.
- The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
Diffstat (limited to 'site/assets')
-rw-r--r-- | site/assets/scss/_content.scss | 2 | ||||
-rw-r--r-- | site/assets/scss/_navbar.scss | 2 | ||||
-rw-r--r-- | site/assets/scss/_subnav.scss | 2 |
3 files changed, 3 insertions, 3 deletions
diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss index 4e744895fd..f238fdf727 100644 --- a/site/assets/scss/_content.scss +++ b/site/assets/scss/_content.scss @@ -29,7 +29,7 @@ margin-bottom: 1.5rem; @include font-size(.875rem); - @include media-breakpoint-down(md) { + @include media-breakpoint-down(lg) { display: block; overflow-x: auto; diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index 54d0c425c7..1ba779f937 100644 --- a/site/assets/scss/_navbar.scss +++ b/site/assets/scss/_navbar.scss @@ -2,7 +2,7 @@ padding: .625rem 0; background-color: $bd-purple-bright; - @include media-breakpoint-down(md) { + @include media-breakpoint-down(lg) { .navbar-nav-scroll { width: 100%; diff --git a/site/assets/scss/_subnav.scss b/site/assets/scss/_subnav.scss index e3ce8ba14c..89c14b3821 100644 --- a/site/assets/scss/_subnav.scss +++ b/site/assets/scss/_subnav.scss @@ -26,7 +26,7 @@ } .bd-search { - @include media-breakpoint-down(sm) { + @include media-breakpoint-down(md) { width: 100%; } |