Simple grids

gistfile1.scss

@mixin grid($columns, $item-selector: '.views-row', $padding: 15px) {
  margin: 0 (-1 * ($padding/2));
  @include clearfix;
  #{$item_selector} {
    padding: {
      left: $padding / 2;
      right: $padding / 2;
    }
    float: left;
    @include box-sizing(border-box);
    width: 100%/ $columns;
    &:nth-child(#{$columns}n+1) {
      clear: both;
    }
  }
}
// More efficiently update a grid system for responsive.
@mixin grid-update($columns, $item-selector: '.views-row') {
  #{$item_selector} {
    width: 100%/$columns;
    &:nth-child(n) {
      clear: none;
    }
    &:nth-child(#{$columns}n+1) {
      clear: both;
    }
  }
}