1@function divide-cols($colnum) {
2  @return 100%/$colnum;
3}
4
5
6@mixin fancytiles($desktop-columns, $tablet-columns: $desktop-columns, $mobile-columns: 1, $small-break: 0px, $medium-break: $tablet-device-width, $large-break: $row-max-width) {
7
8  // These styles apply to all shift-columns
9  display: inline-block;
10  float: left;
11  padding-left: $gutter / 2;
12  padding-right: $gutter / 2;
13
14  // IE8 fallback
15  width: divide-cols($mobile-columns);
16
17  @include respond("min-width: #{$small-break}") {
18    width: divide-cols($mobile-columns);
19  }
20
21  @include respond("min-width: #{$medium-break}") {
22    width: divide-cols($tablet-columns);
23  }
24
25  @include respond("min-width: #{$large-break}") {
26    width: divide-cols($desktop-columns);
27  }
28
29}
30