rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Code Issues Actions Packages Releases Activity

Correct the horizontal padding on grid containers (#35825)

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_variables.scss
View File

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

4
scss/mixins/_container.scss
View File

@ -4,8 +4,8 @@
--#{$variable-prefix}gutter-x: #{$gutter}; --#{$variable-prefix}gutter-x: #{$gutter};
--#{$variable-prefix}gutter-y: 0; --#{$variable-prefix}gutter-y: 0;
width: 100%; width: 100%;
padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter}); padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter}); padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }