Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

$gel-breakpoint-names: ('compact', 'small', 'medium', 'wide');

$gel-namespace: 'gel-' !default;
$gel-breakpoint-names: ('bp-a', 'bp-b', 'bp-c', 'bp-d') !default;

@each $breakpoint in $gel-breakpoint-names {
  .#{$gel-namespace}#{$breakpoint} {
    color: red;
  }
}

SassMeister-output.css

.gel-compact {
  color: red;
}

.gel-small {
  color: red;
}

.gel-medium {
  color: red;
}

.gel-wide {
  color: red;
}