impressivewebs
3/4/2014 - 8:44 AM

Generated by SassMeister.com.

Generated by SassMeister.com.

.theme-banana .element {
  color: yellow;
}
.theme-banana .other-element {
  background: #bbff33;
}

.theme-blueberry .element {
  color: purple;
}
.theme-blueberry .other-element {
  background: #b30077;
}

.theme-cherry .element {
  color: red;
}
.theme-cherry .other-element {
  background: #ff7733;
}
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

@mixin theme($name, $color) {
  $primary: $color;
  $secondary: lighten(adjust-hue($color, 20), 10%);
 
  .#{$name} {
    .element {
      color: $primary;
    }
 
    .other-element {
      background: $secondary;
    }
  }
}

$themes: (
  theme-banana: yellow,
  theme-blueberry: purple,
  theme-cherry: red
) !default;

@each $theme, $color in $themes {
  @include theme($theme, $color);
}