rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

fix(breakpoints): use next breakpoint when targetting xs only

Browse Source
This commit is contained in:
Gaël Poupard 2020-08-18 16:37:01 +02:00 committed by Mark Otto
parent b547ef4a85
commit 7058f89286
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
scss/mixins/_breakpoints.scss
View File

@ -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;
}
}