Correct the horizontal padding on grid containers (#35825)

* Correct the horizontal padding on grid containers

* Don't halve the container-padding-x variable

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 0485ffe7c55be6747651abfd733418cd777fbff5..19e3722ffd21a6b12132a58b8304b71159bef335 100644 (file)
--- 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 5553042637152150d70ec2d9021f59831900ae0c..63fddfc1d0da77433ba2754d087a0160e76bd209 100644 (file)
--- 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;
 }