Always set the CSS variables for gutters in containers (#34644)

We already do this in rows, so to best support our containers, we need
to do it at the container level as well.

Fixes #32658, fixes #34614, closes #32658.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/scss/mixins/_container.scss b/scss/mixins/_container.scss
index ee6044d0dd32907ff94f8ed4331499c0b3ee6bf6..5553042637152150d70ec2d9021f59831900ae0c 100644 (file)
--- a/scss/mixins/_container.scss
+++ b/scss/mixins/_container.scss
@@ -1,6 +1,8 @@
 // Container mixins
 
 @mixin make-container($gutter: $container-padding-x) {
+  --#{$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});