Drupal Views Layouts

@mixin view-one-column() {
  $zen-column-count:  1;

  .views-row{
    @include zen-grid-item(1,1);
    @include zen-clear(both);
  }
}

@mixin view-two-columns() {
  $zen-column-count:  2;
  .views-row{
    &:nth-child(2n + 1) {
      @include zen-grid-item(1,1);
      @include zen-clear(both);
    }

    &:nth-child(2n + 2) {
      @include zen-grid-item(1,2);
      @include zen-clear(none);
    }
  }
}

@mixin view-three-columns() {
  $zen-column-count:  3;
  .views-row{
    &:nth-child(3n + 1) {
      @include zen-grid-item(1,1);
      @include zen-clear(both);
    }

    &:nth-child(3n + 2) {
      @include zen-grid-item(1,2);
      @include zen-clear(none);
    }

    &:nth-child(3n + 3) {
      @include zen-grid-item(1,3);
      @include zen-clear(none);
    }
  }
}

@mixin view-four-columns() {
  $zen-column-count:  4;

  .views-row{

    &:nth-child(4n + 1) {
      @include zen-grid-item(1,1);
      @include zen-clear(both);
    }

    &:nth-child(4n + 2) {
      @include zen-grid-item(1,2);
      @include zen-clear(none);
    }

    &:nth-child(4n + 3) {
      @include zen-grid-item(1,3);
      @include zen-clear(none);
    }

    &:nth-child(4n+4) {
      @include zen-grid-item(1,4);
      @include zen-clear(none);
    }
  }
}