Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Zen Grids (v1.4)
// ----

@import "zen";
$bp-large: 1024px;

%zen-grid-1-1 {
  @media (min-width: $bp-large) {
    @include zen-grid-item(1, 1);
  }
}

%zen-grid-1-2 {
  @media (min-width: $bp-large) {
    @include zen-grid-item(1, 2);
  }
}

%zen-grid-1-3 {
  @media (min-width: $bp-large) {
    @include zen-grid-item(1, 3);
  }
}


@mixin zen-grid-1 {
  @for $i from 1 through 34 {
    $value: $i;
    @if ($value != 1) {
      $value: $i * 3 - 2;
    }
    .views-row-#{$value} {
      @extend %zen-grid-1-1;
    }
  }
}

@mixin zen-grid-2 {
  @for $i from 0 through 33 {
    $value: $i;
    @if ($value != 0) {
      $value: $i * 3 - 1;
    }
    @if ($value == 0) {
      $value: 2;
    }
    .views-row-#{$value} {
      @extend %zen-grid-1-2;
    }
  }
}

@mixin zen-grid-3 {
  @for $i from 2 through 34 {
    $value: $i;
    @if ($value != 1) {
      $value: $i * 3 - 3;
    }
    .views-row-#{$value} {
      @extend %zen-grid-1-3;
    }
  }
}

@include zen-grid-1;
@include zen-grid-2;
@include zen-grid-3;

SassMeister-output.css

@media (min-width: 1024px) {
  .views-row-1, .views-row-4, .views-row-7, .views-row-10, .views-row-13, .views-row-16, .views-row-19, .views-row-22, .views-row-25, .views-row-28, .views-row-31, .views-row-34, .views-row-37, .views-row-40, .views-row-43, .views-row-46, .views-row-49, .views-row-52, .views-row-55, .views-row-58, .views-row-61, .views-row-64, .views-row-67, .views-row-70, .views-row-73, .views-row-76, .views-row-79, .views-row-82, .views-row-85, .views-row-88, .views-row-91, .views-row-94, .views-row-97, .views-row-100 {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}

@media (min-width: 1024px) {
  .views-row-2, .views-row-5, .views-row-8, .views-row-11, .views-row-14, .views-row-17, .views-row-20, .views-row-23, .views-row-26, .views-row-29, .views-row-32, .views-row-35, .views-row-38, .views-row-41, .views-row-44, .views-row-47, .views-row-50, .views-row-53, .views-row-56, .views-row-59, .views-row-62, .views-row-65, .views-row-68, .views-row-71, .views-row-74, .views-row-77, .views-row-80, .views-row-83, .views-row-86, .views-row-89, .views-row-92, .views-row-95, .views-row-98 {
    float: left;
    width: 100%;
    margin-left: 100%;
    margin-right: -200%;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}

@media (min-width: 1024px) {
  .views-row-3, .views-row-6, .views-row-9, .views-row-12, .views-row-15, .views-row-18, .views-row-21, .views-row-24, .views-row-27, .views-row-30, .views-row-33, .views-row-36, .views-row-39, .views-row-42, .views-row-45, .views-row-48, .views-row-51, .views-row-54, .views-row-57, .views-row-60, .views-row-63, .views-row-66, .views-row-69, .views-row-72, .views-row-75, .views-row-78, .views-row-81, .views-row-84, .views-row-87, .views-row-90, .views-row-93, .views-row-96, .views-row-99 {
    float: left;
    width: 100%;
    margin-left: 200%;
    margin-right: -300%;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}