Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Match container gutters with row gutters #31649

Merged
merged 2 commits into from
Sep 23, 2020
Merged

Match container gutters with row gutters #31649

merged 2 commits into from
Sep 23, 2020

Conversation

mdo
Copy link
Member

@mdo mdo commented Sep 14, 2020

Grid container, row, and column padding/margin should always match. I missed this in my reviews and testing, unless there's uh something else I missed. 馃槄

  • 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

/cc @MartijnCuppens directly since the original PR at #29146 changed this

- 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
@mdo mdo requested a review from a team September 14, 2020 17:01
@mdo mdo added this to Inbox in v5.0.0-alpha2 via automation Sep 14, 2020
@MartijnCuppens
Copy link
Member

I changed that in #28517 after @ysds' comment #28517 (review)

The paddings for containers or navbars are (imo) indeed a little too much in this PR, eg.
https://deploy-preview-31649--twbs-bootstrap.netlify.app/docs/5.0/examples/navbars/

@mdo
Copy link
Member Author

mdo commented Sep 14, 2020

Oh yeah, duh, I forgot to divide it by 2 to match the --grid-gutter-width being divided by 2.

@mdo mdo moved this from Inbox to Review in v5.0.0-alpha2 Sep 14, 2020
@mdo
Copy link
Member Author

mdo commented Sep 20, 2020

Is this okay to get into an Alpha 2 in the next week or so, @twbs/css-review?

v5.0.0-alpha2 automation moved this from Review to Approved Sep 23, 2020
Copy link
Member

@MartijnCuppens MartijnCuppens left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fine by me

@mdo mdo merged commit a690a67 into main Sep 23, 2020
v5.0.0-alpha2 automation moved this from Approved to Shipped Sep 23, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
v5.0.0-alpha2
  
Shipped
Development

Successfully merging this pull request may close these issues.

Container x-padding (1rem + 1rem) larger than row negative margins (-1.5rem)
2 participants