grid.scss

grid.scss

.grid-1 {
  @include span-columns(1, 4);
  @include breakpoint($tablet) {
    @include span-columns(1, 12);
  }
}
.grid-2 {
  @include span-columns(2, 4);
  @include breakpoint($tablet) {
    @include span-columns(2, 12);
  }
}
.grid-3 {
  @include span-columns(3, 4);
  @include breakpoint($tablet) {
    @include span-columns(3, 12);
  }
}
.grid-4 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(4, 12);
  }
}
.grid-5 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(5, 12);
  }
}
.grid-6 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(6, 12);
  }
}
.grid-7 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(7, 12);
  }
}
.grid-8 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(8, 12);
  }
}
.grid-9 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(9, 12);
  }
}
.grid-10 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(10, 12);
  }
}
.grid-11 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(11, 12);
  }
}
.grid-12 {
  @include span-columns(4, 4);
  @include breakpoint($tablet) {
    @include span-columns(12, 12);
  }
}

$i: 11;
@while $i > 0 {
  .push-#{$i} {
    @include push($i);
  }
  .pull-#{$i} {
    @include pull($i);
  }
  $i: $i - 1;
}

.omega {
  margin-right: 0 !important;
}