kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Match container gutters with row gutters

Browse source 
- 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
This commit is contained in:
Mark Otto 2020-09-14 09:58:48 -07:00 • committed by Mark Otto
parent 9f60659d1d
commit 54ac2c7b05
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/_variables.scss
View file

@ -336,7 +336,7 @@ $gutters: $spacers !default;
// Container padding // Container padding
$container-padding-x: 1rem !default; $container-padding-x: $grid-gutter-width !default;
// Components // Components

8
scss/mixins/_container.scss
View file

@ -1,9 +1,11 @@
// Container mixins // Container mixins
@mixin make-container($padding-x: $container-padding-x) { @mixin make-container($gutter: $container-padding-x) {
--bs-gutter-x: #{$gutter};
width: 100%; width: 100%;
padding-right: $padding-x; padding-right: var(--bs-gutter-x);
padding-left: $padding-x; padding-left: var(--bs-gutter-x);
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }