From 918a86b42528ec8f7f5d6df71851ab2ec0bc65e7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 14 Feb 2022 15:07:17 -0800 Subject: [PATCH] Correct the horizontal padding on grid containers (#35825) * Correct the horizontal padding on grid containers * Don't halve the container-padding-x variable --- scss/_variables.scss | 2 +- scss/mixins/_container.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) 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; }