Skip to content

Instantly share code, notes, and snippets.

@jasonkmccoy

jasonkmccoy/sass-flex-direction.scss

Created March 14, 2015 21:36
Show Gist options
  • Save jasonkmccoy/e0fb046ba1d85cacc467 to your computer and use it in GitHub Desktop.
Save jasonkmccoy/e0fb046ba1d85cacc467 to your computer and use it in GitHub Desktop.
Download ZIP
flex-direction mixin
Raw
sass-flex-direction.scss
@mixin flex-direction($direction) {
@if $direction == column {
-webkit-flex-direction:vertical;
-moz-flex-direction:vertical;
-ms-flex-direction:column;
-webkit-flex-direction:column;
flex-direction:column;
} @else {
-webkit-flex-direction:horizontal;
-moz-flex-direction:horizontal;
-ms-flex-direction:row;
-webkit-flex-direction:row;
flex-direction:row;
}
}
// Usage
div {
@include flex-direction(column);
}
@jasonkmccoy
Copy link
Author

http://www.developerdrive.com/2014/11/15-essential-sass-mixins/

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