Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$icons: 'one', 'two', 'three';
$colors: 'red', 'blue', 'green';
$sizes: 'sm', 'md', 'bg';

@each $icon in $icons{
  @each $color in $colors{
    @each $size in $sizes{
      .ic-#{$icon}-#{$color}-#{$size}{
        background: $color;
      }
    }
  }
}

SassMeister-output.css

.ic-one-red-sm {
  background: "red";
}

.ic-one-red-md {
  background: "red";
}

.ic-one-red-bg {
  background: "red";
}

.ic-one-blue-sm {
  background: "blue";
}

.ic-one-blue-md {
  background: "blue";
}

.ic-one-blue-bg {
  background: "blue";
}

.ic-one-green-sm {
  background: "green";
}

.ic-one-green-md {
  background: "green";
}

.ic-one-green-bg {
  background: "green";
}

.ic-two-red-sm {
  background: "red";
}

.ic-two-red-md {
  background: "red";
}

.ic-two-red-bg {
  background: "red";
}

.ic-two-blue-sm {
  background: "blue";
}

.ic-two-blue-md {
  background: "blue";
}

.ic-two-blue-bg {
  background: "blue";
}

.ic-two-green-sm {
  background: "green";
}

.ic-two-green-md {
  background: "green";
}

.ic-two-green-bg {
  background: "green";
}

.ic-three-red-sm {
  background: "red";
}

.ic-three-red-md {
  background: "red";
}

.ic-three-red-bg {
  background: "red";
}

.ic-three-blue-sm {
  background: "blue";
}

.ic-three-blue-md {
  background: "blue";
}

.ic-three-blue-bg {
  background: "blue";
}

.ic-three-green-sm {
  background: "green";
}

.ic-three-green-md {
  background: "green";
}

.ic-three-green-bg {
  background: "green";
}