Generated by SassMeister.com.

SassMeister-input.scss

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

$map--colors: (
  blue        : #0066cc,
  blue--light : #15b3fc,
  grey        : #575757,
  grey--dark  : #4a4a4a,
  white       : #fff
);


@each $color-name, $color-value in $map--colors {
  .#{$color-name} {
    color: #{$color-value};
  }

  .bg-#{$color-name} {
    background-color: #{$color-value};
  }
}

SassMeister-output.css

.blue {
  color: #0066cc;
}

.bg-blue {
  background-color: #0066cc;
}

.blue--light {
  color: #15b3fc;
}

.bg-blue--light {
  background-color: #15b3fc;
}

.gray {
  color: #575757;
}

.bg-gray {
  background-color: #575757;
}

.grey--dark {
  color: #4a4a4a;
}

.bg-grey--dark {
  background-color: #4a4a4a;
}

.white {
  color: white;
}

.bg-white {
  background-color: white;
}