A simple @each function to loop through a Sass map and generate styles. This is especially handy for when you have and element that reiterates with different settings.

Sass @each loop through Sass maps.css

$brand_colors: (
  purple $color-purple,
  maroon $color-maroon,
  orange $color-orange,
  yellow $color-yellow,
);

.brand-color-bg {
  @each $color in $brand_colors {
    &.#{nth($color, 1)} {
      $brand_color: nth($color, 2);
      background: rgba($brand_color, 0.8);
    }
  }
}