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 /scss/_modal.scss | |
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 'scss/_modal.scss')
-rw-r--r-- | scss/_modal.scss | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 49f27d304a..44519724e5 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -203,8 +203,8 @@ } @each $breakpoint in map-keys($grid-breakpoints) { - $next-breakpoint: breakpoint-next($breakpoint); - $postfix: if(breakpoint-max($breakpoint, $grid-breakpoints) == null, "", "-#{$next-breakpoint}-down"); + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + $postfix: if($infix != "", $infix + "-down", ""); @include media-breakpoint-down($breakpoint) { .modal-fullscreen#{$postfix} { |