Generated by SassMeister.com.

SassMeister-input.sass

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

$products: (name: Check-Ins, color: #7e648a), (name: Giving, color: #f9c134), (name: People, color: #4d6590), (name: Registrations, color: #469c98), (name: Resources, color: #8b351f), (name: Services, color: #679237), (name: Music-Stand, color: #39669c), (name: Projector, color: #faa730)


@each $product in $products
  .#{map-get($product, name)}
    background-color: #{map-get($product, color)}
    color: #{map-get($product, color)}

SassMeister-output.css

.Check-Ins {
  background-color: #7e648a;
  color: #7e648a;
}

.Giving {
  background-color: #f9c134;
  color: #f9c134;
}

.People {
  background-color: #4d6590;
  color: #4d6590;
}

.Registrations {
  background-color: #469c98;
  color: #469c98;
}

.Resources {
  background-color: #8b351f;
  color: #8b351f;
}

.Services {
  background-color: #679237;
  color: #679237;
}

.Music-Stand {
  background-color: #39669c;
  color: #39669c;
}

.Projector {
  background-color: #faa730;
  color: #faa730;
}