Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.3.2)
// ----

$gutter: 35px;

@mixin grid-cell($size: 1, $gutter: $gutter){
  & > * {
    width: calc(#{100% * 1 / $size} - #{$gutter - .01px});
  }
}

[class*="grid-"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -$gutter;
}

@for $size from 1 through 12 {
	[class*="grid-#{$size}"] {
    @include grid-cell($size);
  }
}

@for $number from 0 through 4 {
  [class*="-gutter-#{$number}"] {
    $gutter: $number * $gutter;
    margin-left: $gutter;
    @include grid-cell($gutter: $gutter);
  }
}

@for $size from 1 through 12 {
  @for $number from 0 through 4 {
    [class*="grid-#{$size}"][class*="-gutter-#{$number}"] {
      $gutter: $number * $gutter;
      margin-left: $gutter;
      @include grid-cell($size, $gutter: $gutter);
    }
  }
}

SassMeister-output.css

[class*="grid-"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -35px;
}

[class*="grid-1"] > * {
  width: calc(100% - 34.99px);
}

[class*="grid-2"] > * {
  width: calc(50% - 34.99px);
}

[class*="grid-3"] > * {
  width: calc(33.33333% - 34.99px);
}

[class*="grid-4"] > * {
  width: calc(25% - 34.99px);
}

[class*="grid-5"] > * {
  width: calc(20% - 34.99px);
}

[class*="grid-6"] > * {
  width: calc(16.66667% - 34.99px);
}

[class*="grid-7"] > * {
  width: calc(14.28571% - 34.99px);
}

[class*="grid-8"] > * {
  width: calc(12.5% - 34.99px);
}

[class*="grid-9"] > * {
  width: calc(11.11111% - 34.99px);
}

[class*="grid-10"] > * {
  width: calc(10% - 34.99px);
}

[class*="grid-11"] > * {
  width: calc(9.09091% - 34.99px);
}

[class*="grid-12"] > * {
  width: calc(8.33333% - 34.99px);
}

[class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="-gutter-0"] > * {
  width: calc(100% - -0.01px);
}

[class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="-gutter-1"] > * {
  width: calc(100% - 34.99px);
}

[class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="-gutter-2"] > * {
  width: calc(100% - 69.99px);
}

[class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="-gutter-3"] > * {
  width: calc(100% - 104.99px);
}

[class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="-gutter-4"] > * {
  width: calc(100% - 139.99px);
}

[class*="grid-1"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-1"][class*="-gutter-0"] > * {
  width: calc(100% - -0.01px);
}

[class*="grid-1"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-1"][class*="-gutter-1"] > * {
  width: calc(100% - 34.99px);
}

[class*="grid-1"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-1"][class*="-gutter-2"] > * {
  width: calc(100% - 69.99px);
}

[class*="grid-1"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-1"][class*="-gutter-3"] > * {
  width: calc(100% - 104.99px);
}

[class*="grid-1"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-1"][class*="-gutter-4"] > * {
  width: calc(100% - 139.99px);
}

[class*="grid-2"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-2"][class*="-gutter-0"] > * {
  width: calc(50% - -0.01px);
}

[class*="grid-2"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-2"][class*="-gutter-1"] > * {
  width: calc(50% - 34.99px);
}

[class*="grid-2"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-2"][class*="-gutter-2"] > * {
  width: calc(50% - 69.99px);
}

[class*="grid-2"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-2"][class*="-gutter-3"] > * {
  width: calc(50% - 104.99px);
}

[class*="grid-2"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-2"][class*="-gutter-4"] > * {
  width: calc(50% - 139.99px);
}

[class*="grid-3"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-3"][class*="-gutter-0"] > * {
  width: calc(33.33333% - -0.01px);
}

[class*="grid-3"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-3"][class*="-gutter-1"] > * {
  width: calc(33.33333% - 34.99px);
}

[class*="grid-3"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-3"][class*="-gutter-2"] > * {
  width: calc(33.33333% - 69.99px);
}

[class*="grid-3"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-3"][class*="-gutter-3"] > * {
  width: calc(33.33333% - 104.99px);
}

[class*="grid-3"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-3"][class*="-gutter-4"] > * {
  width: calc(33.33333% - 139.99px);
}

[class*="grid-4"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-4"][class*="-gutter-0"] > * {
  width: calc(25% - -0.01px);
}

[class*="grid-4"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-4"][class*="-gutter-1"] > * {
  width: calc(25% - 34.99px);
}

[class*="grid-4"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-4"][class*="-gutter-2"] > * {
  width: calc(25% - 69.99px);
}

[class*="grid-4"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-4"][class*="-gutter-3"] > * {
  width: calc(25% - 104.99px);
}

[class*="grid-4"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-4"][class*="-gutter-4"] > * {
  width: calc(25% - 139.99px);
}

[class*="grid-5"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-5"][class*="-gutter-0"] > * {
  width: calc(20% - -0.01px);
}

[class*="grid-5"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-5"][class*="-gutter-1"] > * {
  width: calc(20% - 34.99px);
}

[class*="grid-5"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-5"][class*="-gutter-2"] > * {
  width: calc(20% - 69.99px);
}

[class*="grid-5"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-5"][class*="-gutter-3"] > * {
  width: calc(20% - 104.99px);
}

[class*="grid-5"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-5"][class*="-gutter-4"] > * {
  width: calc(20% - 139.99px);
}

[class*="grid-6"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-6"][class*="-gutter-0"] > * {
  width: calc(16.66667% - -0.01px);
}

[class*="grid-6"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-6"][class*="-gutter-1"] > * {
  width: calc(16.66667% - 34.99px);
}

[class*="grid-6"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-6"][class*="-gutter-2"] > * {
  width: calc(16.66667% - 69.99px);
}

[class*="grid-6"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-6"][class*="-gutter-3"] > * {
  width: calc(16.66667% - 104.99px);
}

[class*="grid-6"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-6"][class*="-gutter-4"] > * {
  width: calc(16.66667% - 139.99px);
}

[class*="grid-7"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-7"][class*="-gutter-0"] > * {
  width: calc(14.28571% - -0.01px);
}

[class*="grid-7"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-7"][class*="-gutter-1"] > * {
  width: calc(14.28571% - 34.99px);
}

[class*="grid-7"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-7"][class*="-gutter-2"] > * {
  width: calc(14.28571% - 69.99px);
}

[class*="grid-7"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-7"][class*="-gutter-3"] > * {
  width: calc(14.28571% - 104.99px);
}

[class*="grid-7"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-7"][class*="-gutter-4"] > * {
  width: calc(14.28571% - 139.99px);
}

[class*="grid-8"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-8"][class*="-gutter-0"] > * {
  width: calc(12.5% - -0.01px);
}

[class*="grid-8"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-8"][class*="-gutter-1"] > * {
  width: calc(12.5% - 34.99px);
}

[class*="grid-8"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-8"][class*="-gutter-2"] > * {
  width: calc(12.5% - 69.99px);
}

[class*="grid-8"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-8"][class*="-gutter-3"] > * {
  width: calc(12.5% - 104.99px);
}

[class*="grid-8"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-8"][class*="-gutter-4"] > * {
  width: calc(12.5% - 139.99px);
}

[class*="grid-9"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-9"][class*="-gutter-0"] > * {
  width: calc(11.11111% - -0.01px);
}

[class*="grid-9"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-9"][class*="-gutter-1"] > * {
  width: calc(11.11111% - 34.99px);
}

[class*="grid-9"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-9"][class*="-gutter-2"] > * {
  width: calc(11.11111% - 69.99px);
}

[class*="grid-9"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-9"][class*="-gutter-3"] > * {
  width: calc(11.11111% - 104.99px);
}

[class*="grid-9"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-9"][class*="-gutter-4"] > * {
  width: calc(11.11111% - 139.99px);
}

[class*="grid-10"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-10"][class*="-gutter-0"] > * {
  width: calc(10% - -0.01px);
}

[class*="grid-10"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-10"][class*="-gutter-1"] > * {
  width: calc(10% - 34.99px);
}

[class*="grid-10"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-10"][class*="-gutter-2"] > * {
  width: calc(10% - 69.99px);
}

[class*="grid-10"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-10"][class*="-gutter-3"] > * {
  width: calc(10% - 104.99px);
}

[class*="grid-10"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-10"][class*="-gutter-4"] > * {
  width: calc(10% - 139.99px);
}

[class*="grid-11"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-11"][class*="-gutter-0"] > * {
  width: calc(9.09091% - -0.01px);
}

[class*="grid-11"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-11"][class*="-gutter-1"] > * {
  width: calc(9.09091% - 34.99px);
}

[class*="grid-11"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-11"][class*="-gutter-2"] > * {
  width: calc(9.09091% - 69.99px);
}

[class*="grid-11"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-11"][class*="-gutter-3"] > * {
  width: calc(9.09091% - 104.99px);
}

[class*="grid-11"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-11"][class*="-gutter-4"] > * {
  width: calc(9.09091% - 139.99px);
}

[class*="grid-12"][class*="-gutter-0"] {
  margin-left: 0px;
}

[class*="grid-12"][class*="-gutter-0"] > * {
  width: calc(8.33333% - -0.01px);
}

[class*="grid-12"][class*="-gutter-1"] {
  margin-left: 35px;
}

[class*="grid-12"][class*="-gutter-1"] > * {
  width: calc(8.33333% - 34.99px);
}

[class*="grid-12"][class*="-gutter-2"] {
  margin-left: 70px;
}

[class*="grid-12"][class*="-gutter-2"] > * {
  width: calc(8.33333% - 69.99px);
}

[class*="grid-12"][class*="-gutter-3"] {
  margin-left: 105px;
}

[class*="grid-12"][class*="-gutter-3"] > * {
  width: calc(8.33333% - 104.99px);
}

[class*="grid-12"][class*="-gutter-4"] {
  margin-left: 140px;
}

[class*="grid-12"][class*="-gutter-4"] > * {
  width: calc(8.33333% - 139.99px);
}