rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages 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-x: 1rem !default;
$container-padding-x: $grid-gutter-width !default;
// Components

8
scss/mixins/_container.scss
View File

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