Correct the horizontal padding on grid containers (#35825)

* Correct the horizontal padding on grid containers

* Don't halve the container-padding-x variable
This commit is contained in:
Mark Otto 2022-02-14 15:07:17 -08:00 committed by GitHub
parent a163ed76d4
commit 918a86b425
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View File

@ -467,7 +467,7 @@ $grid-row-columns: 6 !default;
// Container padding
$container-padding-x: $grid-gutter-width * .5 !default;
$container-padding-x: $grid-gutter-width !default;
// Components

View File

@ -4,8 +4,8 @@
--#{$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});
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;
}