mirror of
https://github.com/twbs/bootstrap.git
synced 2025-03-15 15:29:22 +01:00
🔥 Remove container duplication
This commit is contained in:
parent
286f16b92c
commit
cde53a85d1
@ -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();
|
||||||
|
@ -7,13 +7,3 @@
|
|||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user