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’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve Layout dividers when flowing as row #1421

Closed
wants to merge 5 commits into from
Closed

Conversation

manuelpuyol
Copy link
Contributor

@manuelpuyol manuelpuyol commented May 25, 2021

Dividers in the Layout component weren't being properly set when the layout was flowing as a row. Here, I extracted the flow-as-row logic to a mixing, making it also adjust the necessary gutters and sizes for dividers. I'm also adding the Layout-divider--shallow class that was missing.

Before After
image image

cc @vdepizzol

@changeset-bot
Copy link

changeset-bot bot commented May 25, 2021

🦋 Changeset detected

Latest commit: b321af0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/css Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@manuelpuyol
Copy link
Contributor Author

closed in favor of #1422

@simurai simurai deleted the layout-dividers branch May 26, 2021 04:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant