diff options
author | Gaƫl Poupard <gael.poupard@orange.com> | 2020-08-18 17:37:01 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2020-08-23 00:36:24 +0300 |
commit | 7058f8928641c847b6afb3a8ef2022ce75a5ded8 (patch) | |
tree | beb6fc757f0ef59ad3084aa5de52d0d51bb793b6 /scss/mixins | |
parent | b547ef4a85f87d20b5881991b116ba735e6cc8ba (diff) |
fix(breakpoints): use next breakpoint when targetting xs only
Diffstat (limited to 'scss/mixins')
-rw-r--r-- | scss/mixins/_breakpoints.scss | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/scss/mixins/_breakpoints.scss b/scss/mixins/_breakpoints.scss index 66a0050c1b..cdc8034eb3 100644 --- a/scss/mixins/_breakpoints.scss +++ b/scss/mixins/_breakpoints.scss @@ -107,8 +107,9 @@ // No minimum for the smallest breakpoint, and no maximum for the largest one. // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) { - $min: breakpoint-min($name, $breakpoints); - $max: breakpoint-max(breakpoint-next($name, $breakpoints)); + $min: breakpoint-min($name, $breakpoints); + $next: breakpoint-next($name, $breakpoints); + $max: breakpoint-max($next); @if $min != null and $max != null { @media (min-width: $min) and (max-width: $max) { @@ -119,7 +120,7 @@ @content; } } @else if $min == null { - @include media-breakpoint-down($name, $breakpoints) { + @include media-breakpoint-down($next, $breakpoints) { @content; } } |