diff --git a/scss/_variables.scss b/scss/_variables.scss index 0485ffe7c5..19e3722ffd 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -467,7 +467,7 @@ $grid-row-columns: 6 !default; // Container padding -$container-padding-x: $grid-gutter-width * .5 !default; +$container-padding-x: $grid-gutter-width !default; // Components diff --git a/scss/mixins/_container.scss b/scss/mixins/_container.scss index 5553042637..63fddfc1d0 100644 --- a/scss/mixins/_container.scss +++ b/scss/mixins/_container.scss @@ -4,8 +4,8 @@ --#{$variable-prefix}gutter-x: #{$gutter}; --#{$variable-prefix}gutter-y: 0; width: 100%; - padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter}); - padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter}); + padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list + padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list margin-right: auto; margin-left: auto; }