Skip to content

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.

5 participants