Contents

@function divide-cols($colnum) {
  @return 100%/$colnum;
}


@mixin fancytiles($desktop-columns, $tablet-columns: $desktop-columns, $mobile-columns: 1, $small-break: 0px, $medium-break: $tablet-device-width, $large-break: $row-max-width) {

  // These styles apply to all shift-columns
  display: inline-block;
  float: left;
  padding-left: $gutter / 2;
  padding-right: $gutter / 2;

  // IE8 fallback
  width: divide-cols($mobile-columns);

  @include respond("min-width: #{$small-break}") {
    width: divide-cols($mobile-columns);
  }

  @include respond("min-width: #{$medium-break}") {
    width: divide-cols($tablet-columns);
  }

  @include respond("min-width: #{$large-break}") {
    width: divide-cols($desktop-columns);
  }

}

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
gumby_on_rails-0.0.1	app/assets/stylesheets/gumby/functions/_fancytiles.scss
middleman-gumby-0.0.1	vendor/assets/sass/functions/_fancytiles.scss