Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$social: (
  facebook: #3b5998,
  twitter: #55acee,
);

@mixin social-button-variant($brand) {
  background-color: map-get($social, $brand);
}

@each $social-brand, $social-color in $social {
  .button-social-#{$social-brand} {
    @include social-button-variant($social-brand);
  }
}

SassMeister-output.css

.button-social-facebook {
  background-color: #3b5998;
}

.button-social-twitter {
  background-color: #55acee;
}