diff --git a/scss/mixins/_container.scss b/scss/mixins/_container.scss index ee6044d0dd32907ff94f8ed4331499c0b3ee6bf6..3ab848109a3c591b786e94522abad97c5a1d021e 100644 --- a/scss/mixins/_container.scss +++ b/scss/mixins/_container.scss @@ -1,9 +1,10 @@ // Container mixins -@mixin make-container($gutter: $container-padding-x) { +@mixin make-container($gutter: $grid-gutter-width) { + --#{$variable-prefix}gutter-x: #{$gutter}; 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)/2); + padding-left: calc(var(--#{$variable-prefix}gutter-x)/2); margin-right: auto; margin-left: auto; }