-
-
Save ataylorme/5620185 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin boxit ($dir) { | |
display:box; | |
display:-moz-box; | |
display:-webkit-box; | |
box-orient:$dir; | |
-moz-box-orient:$dir; | |
-webkit-box-orient:$dir; | |
} | |
@mixin order ($num) { | |
box-ordinal-group: 1; | |
-moz-box-ordinal-group: 1; | |
-webkit-box-ordinal-group: 1; | |
box-ordinal-group: #{$num}; | |
-moz-box-ordinal-group: #{$num}; | |
-webkit-box-ordinal-group: #{$num}; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
add this to the containing block:
@include boxit(vertical);
and this to each item you want to reorder (changing the number to the order you want it to appear in - here we are swapping headings as an example):
h1 { @include boxnum(2);}
h2 { @include boxnum(1);}