Inline Block Grid (Margo CSS)

_grid.scss

.container {
  font-size: 0;

  > * {
    display: inline-block;
    font-size: medium;
    vertical-align: top;
    width: 100%;
  }

  > .col-sm-0 { display: none; }
  @for $i from 1 through $total-columns {
    > .col-sm-#{$i} {
      @include column($i, $total-columns, $gutter-size)
    }
  }

  > .col-md-0 { display: none; }
  @include media-query($med-screen) {
    @for $i from 1 through $total-columns {
      > .col-md-#{$i} { @include column($i, $total-columns, $gutter-size) }
    }
  }

  > .col-lg-0 { display: none; }
  @include media-query($lg-screen) {
    @for $i from 1 through $total-columns {
      > .col-lg-#{$i} { @include column($i, $total-columns, $gutter-size) }
    }
  }
}