Generated by SassMeister.com.

SassMeister-input.scss

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


@function bf-color($name, $palette: $colors-primary) {
  @return map-get($palette, $name);
}


$colors-social: (
  c-google:      #dd4b39,
  c-facebook:    #3b5998,
  c-instagram:   #517fa4,
  c-linkedin:    #007bb6,
  c-pinterest:   #cb2027,
  c-snapchat:    #fffc00,
  c-tumblr:      #44546b,
  c-twitter:     #00aced,
  c-vine:        #00bf8f,
  c-youtube:     #b00,
  c-whatsapp:    #58ad15,
  c-lineapp:     #00c300,
  c-email:       #666
) !default;

$share-links: (
	facebook:  bf-color(c-facebook, $colors-social),
	twitter:   bf-color(c-twitter, $colors-social),
	pinterest: bf-color(c-pinterest, $colors-social),
	email: 	   bf-color(c-email, $colors-social),
	whatsapp:  bf-color(c-whatsapp, $colors-social),
	tumblr:    bf-color(c-tumblr, $colors-social),
	linkedin:  bf-color(c-linkedin, $colors-social),
	lineapp:   bf-color(c-lineapp, $colors-social)
);

$subbuzz-sharing: (
	facebook:  bf-color(c-facebook, $colors-social),
  twitter:   bf-color(c-twitter, $colors-social),
	pinterest: bf-color(c-pinterest, $colors-social),
	email:     bf-color(c-email, $colors-social),
	zoom: #000,
);

@each $share-links, $bgcolor in $share-links {
    .action-bar__btn--#{$share-links} {
        background-color: $bgcolor;
        .android.material &:active {
          background-color: darken($bgcolor, 10);
        }
    }
}

@each $subbuzz-sharing, $bgcolor in $subbuzz-sharing {
  .action-bar__btn-subbuzz--#{$subbuzz-sharing} {
    background-color: $bgcolor;
  }
}

SassMeister-output.css

.action-bar__btn--facebook {
  background-color: #3b5998;
}
.android.material .action-bar__btn--facebook:active {
  background-color: #2d4373;
}

.action-bar__btn--twitter {
  background-color: #00aced;
}
.android.material .action-bar__btn--twitter:active {
  background-color: #0087ba;
}

.action-bar__btn--pinterest {
  background-color: #cb2027;
}
.android.material .action-bar__btn--pinterest:active {
  background-color: #9f191f;
}

.action-bar__btn--email {
  background-color: #666;
}
.android.material .action-bar__btn--email:active {
  background-color: #4d4d4d;
}

.action-bar__btn--whatsapp {
  background-color: #58ad15;
}
.android.material .action-bar__btn--whatsapp:active {
  background-color: #41800f;
}

.action-bar__btn--tumblr {
  background-color: #44546b;
}
.android.material .action-bar__btn--tumblr:active {
  background-color: #303c4c;
}

.action-bar__btn--linkedin {
  background-color: #007bb6;
}
.android.material .action-bar__btn--linkedin:active {
  background-color: #005983;
}

.action-bar__btn--lineapp {
  background-color: #00c300;
}
.android.material .action-bar__btn--lineapp:active {
  background-color: #009000;
}

.action-bar__btn-subbuzz--facebook {
  background-color: #3b5998;
}

.action-bar__btn-subbuzz--twitter {
  background-color: #00aced;
}

.action-bar__btn-subbuzz--pinterest {
  background-color: #cb2027;
}

.action-bar__btn-subbuzz--email {
  background-color: #666;
}

.action-bar__btn-subbuzz--zoom {
  background-color: #000;
}