mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 04:41:36 +02:00
Code Issues Releases Wiki Activity

Avoid duplication of container breakpoints (#30969)

Browse Source
This commit is contained in:
k-utsumi
2020-06-14 06:25:39 +09:00
committed by GitHub
parent 7c6a0db820
commit c3572ceca9
2 changed files with 1 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_grid.scss
View File

@@ -4,11 +4,7 @@
@if $enable-grid-classes { @if $enable-grid-classes {
// Single container class with breakpoint max-widths // Single container class with breakpoint max-widths
.container { .container,
@include make-container();
@include make-container-max-widths();
}
// 100% wide container at all breakpoints // 100% wide container at all breakpoints
.container-fluid { .container-fluid {
@include make-container(); @include make-container();

10
scss/mixins/_grid.scss
View File

@@ -10,16 +10,6 @@
margin-left: auto; margin-left: auto;
} }
// For each breakpoint, define the maximum width of the container in a media query
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
@each $breakpoint, $container-max-width in $max-widths {
@include media-breakpoint-up($breakpoint, $breakpoints) {
max-width: $container-max-width;
}
}
}
@mixin make-row($gutter: $grid-gutter-width) { @mixin make-row($gutter: $grid-gutter-width) {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;