Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

$primary-colors: (
    "red":   "#ff0000",
    "green": "#00ff00",
    "blue":  "#0000ff"
);

/* Key and value together */
@each $color in $primary-colors {
  .thing {
    content: "#{$color}";
  }
}

/* Key and value separate */
@each $color-name, $color-code in $primary-colors {
  .color-#{$color-name} {
    background: $color-code;
  }
}

SassMeister-output.css

/* Key and value together */
.thing {
  content: "red #ff0000";
}

.thing {
  content: "green #00ff00";
}

.thing {
  content: "blue #0000ff";
}

/* Key and value separate */
.color-red {
  background: "#ff0000";
}

.color-green {
  background: "#00ff00";
}

.color-blue {
  background: "#0000ff";
}