Bootstrap/scss/mixins/_container.scss

// 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});
  margin-right: auto;
  margin-left: auto;
}
Split grid & containers (#29146) 2020-02-03 21:02:53 +01:00			`// Container mixins`

Match container gutters with row gutters - Replaces make-container mixin's padding-x param with gutter to match naming - Changes value of container padding variable to match grid gutter width variable - Uses local CSS variable for container padding Fixes #31642 2020-09-14 09:58:48 -07:00			`@mixin make-container($gutter: $container-padding-x) {`
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> 2021-10-31 23:39:48 -07:00			`--#{$variable-prefix}gutter-x: #{$gutter};`
			`--#{$variable-prefix}gutter-y: 0;`
Split grid & containers (#29146) 2020-02-03 21:02:53 +01:00			`width: 100%;`
fix(container): use $variable-prefix (#32201) Missed that while merging. 2020-11-19 19:38:39 +01:00			`padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});`
			`padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});`
Split grid & containers (#29146) 2020-02-03 21:02:53 +01:00			`margin-right: auto;`
			`margin-left: auto;`
			`}`