diff --git a/scss/_variables.scss b/scss/_variables.scss index 6950af95c..dbf4c5275 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -336,7 +336,7 @@ $gutters: $spacers !default; // Container padding -$container-padding-x: 1rem !default; +$container-padding-x: $grid-gutter-width !default; // Components diff --git a/scss/mixins/_container.scss b/scss/mixins/_container.scss index 435d00341..3680b3098 100644 --- a/scss/mixins/_container.scss +++ b/scss/mixins/_container.scss @@ -1,9 +1,11 @@ // Container mixins -@mixin make-container($padding-x: $container-padding-x) { +@mixin make-container($gutter: $container-padding-x) { + --bs-gutter-x: #{$gutter}; + width: 100%; - padding-right: $padding-x; - padding-left: $padding-x; + padding-right: var(--bs-gutter-x); + padding-left: var(--bs-gutter-x); margin-right: auto; margin-left: auto; }