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: 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;
}
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%;`
Correct the horizontal padding on grid containers (#35825) * Correct the horizontal padding on grid containers * Don't halve the container-padding-x variable 2022-02-14 15:07:17 -08:00			`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`
Split grid & containers (#29146) 2020-02-03 21:02:53 +01:00			`margin-right: auto;`
			`margin-left: auto;`
			`}`