Color Switcher with Sass Maps

SassMeister-input-HTML.html

<div class="Brand sc">
  <h4>Pop</h4>
  <h3 class="popBrand">Force Pop</h3>
  <h4 class="unpopBrand">UnPop</h4>
</div>

SassMeister-input.scss

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

$brandColorMap: (
	bgp: #F74812,
	sc: #B3752A
);

@mixin brandColoring ($colorMap: $brandColorMap) {
	@each $brand, $color in $colorMap {
		.Brand.#{$brand} {
			h4:not(.unpopBrand), .popBrand {
				color: $color;
			}
		}
	}
}

//USAGE
@include brandColoring($brandColorMap);

SassMeister-output.css

.Brand.bgp h4:not(.unpopBrand), .Brand.bgp .popBrand {
  color: #f74812;
}

.Brand.sc h4:not(.unpopBrand), .Brand.sc .popBrand {
  color: #b3752a;
}

SassMeister-rendered.html

<div class="Brand sc">
  <h4>Pop</h4>
  <h3 class="popBrand">Force Pop</h3>
  <h4 class="unpopBrand">UnPop</h4>
</div>