Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Helpers for flexbox
flex()
-webkit-box-flex arguments[0]
-webkit-flex arguments
-moz-box-flex arguments[0]
-ms-flex arguments
flex arguments
$display-flex
display -webkit-box
display -webkit-flex
display -moz-box
display -ms-flexbox
display flex
flex-direction(direction=normal)
if direction is column
-webkit-box-orient vertical
-webkit-box-direction normal
-webkit-flex-direction column
-moz-box-orient vertical
-moz-box-direction normal
-ms-flex-direction column
flex-direction column
align-items(direction)
$legacyDirection = unquote("flex-" + $direction)
-webkit-box-align direction
-webkit-align-items $legacyDirection
-moz-box-align direction
-ms-flex-align direction
align-items $legacyDirection
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.