Generated by SassMeister.com.

SassMeister-input.scss

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

$pink: #f24;
$blue: #456;
$red: #808;

$colors: (pink: $pink, blue: $blue, red: $red);

@each $name, $val in $colors {
  .#{$name}-btn { background-color: $val; }
  .#{$name}-btn-filled { background-color: $val; }
}

SassMeister-output.css

.pink-btn {
  background-color: #f24;
}

.pink-btn-filled {
  background-color: #f24;
}

.blue-btn {
  background-color: #456;
}

.blue-btn-filled {
  background-color: #456;
}

.red-btn {
  background-color: #808;
}

.red-btn-filled {
  background-color: #808;
}