Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

.column-layouts {
  &-container {
    display: flex;
  }
  @for $i from 1 through 4 {
    &.columns-#{$i} &-column {
      width: 100% / $i;
    }
  }
}

SassMeister-output.css

.column-layouts-container {
  display: flex;
}
.column-layouts.columns-1 .column-layouts-column {
  width: 100%;
}
.column-layouts.columns-2 .column-layouts-column {
  width: 50%;
}
.column-layouts.columns-3 .column-layouts-column {
  width: 33.33333%;
}
.column-layouts.columns-4 .column-layouts-column {
  width: 25%;
}