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

Flexbox mixins & helper classes for direction, container, … #9324

Merged
merged 2 commits into from
Nov 15, 2016

Conversation

kball
Copy link
Contributor

@kball kball commented Nov 2, 2016

First pass on some mixins and helper classes for managing flex alignment etc. Addresses #9208

@kball kball added this to the 6.3 milestone Nov 2, 2016
@brettsmason
Copy link
Contributor

I'm still getting to grips with flexbox, but this looks brilliant from my first look over everything 👍

- `.flex-direct-row` (default)
- `.flex-direct-row-reverse`
- `.flex-direct-column`
- `.flex-direct-column-reverse`
Copy link
Member

Choose a reason for hiding this comment

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

Can we call it flex-dir-row? Dir is more shorthand direct and dont want to type out direction 😜

Copy link
Contributor Author

Choose a reason for hiding this comment

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

sure thing


.flex-child-grow {
flex: 1 0 auto;
}
Copy link
Member

Choose a reason for hiding this comment

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

Might need a media query for these. Like .small-flex-child-auto & .medium-flex-child-grow

Copy link
Contributor Author

Choose a reason for hiding this comment

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

added

@kball
Copy link
Contributor Author

kball commented Nov 15, 2016

Ok based on @ncoden's thumbsup and @rafibomb's review going to go ahead and merge this.

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.

4 participants