Instantly share code, notes, and snippets.

Embed
What would you like to do?
.flex {
display: flex;
.align-center {
margin: auto;
align-self: center;
}
.align-left {
margin-right: auto;
align-self: center;
}
.align-right {
margin-left: auto;
align-self: center;
}
.align-x-center {
margin-right: auto;
margin-left: auto;
}
.align-x-left {
margin-right: auto;
}
.align-x-right {
margin-left: auto;
}
.align-y-center {
align-self: center;
}
.align-y-top {
align-self: flex-start;
}
.align-y-bottom {
align-self: flex-end;
}
}
@haulian

This comment has been minimized.

Show comment
Hide comment
@haulian

haulian commented Jul 30, 2018

Good

@RTAndrew

This comment has been minimized.

Show comment
Hide comment
@RTAndrew

RTAndrew Jul 30, 2018

Great job
Flex utilities is something I am missing after using Foundation.
And this solves it.

Thank you.

RTAndrew commented Jul 30, 2018

Great job
Flex utilities is something I am missing after using Foundation.
And this solves it.

Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment