Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

// _themes.scss

$themes: (
  pre-prep: (
    light: #ffdeed,
    dark: #eb357e
  ),
  prep: (
    light: #f2f9fb,
    dark: #00a7e6
  ),
  senior: (
    light: #ffecdb,
    dark: #da5920
  ),
  sixth-form: (
    light: #f9f9f9,
    dark: #505050
  )
);

@each $theme, $palette in $themes {

  /**
   * Island
   */

  .tmpl-#{$theme} .island {
    background: map-get($palette, light);
  }

  /**
   * Section
   */

  .section--#{$theme} {
    background: map-get($palette, light);
  }

  .tmpl-#{$theme} .section__heading {
    color: map-get($palette, dark);
  }

  /**
   * Content
   */

  .tmpl-#{$theme} .content__heading {
    color: map-get($palette, dark);
  }

  /**
   * Shaded List
   */

  .tmpl-#{$theme} .shaded-item__link {
    background: map-get($palette, light);
  }

  .tmpl-#{$theme} .shaded-item__link.is-active {
    background: map-get($palette, dark);
  }

  /**
   * Pagination
   */

  .tmpl-#{$theme} .pagination em {
    background: map-get($palette, dark) ;
  }
}

SassMeister-output.css

/**
 * Island
 */
.tmpl-pre-prep .island {
  background: #ffdeed;
}

/**
 * Section
 */
.section--pre-prep {
  background: #ffdeed;
}

.tmpl-pre-prep .section__heading {
  color: #eb357e;
}

/**
 * Content
 */
.tmpl-pre-prep .content__heading {
  color: #eb357e;
}

/**
 * Shaded List
 */
.tmpl-pre-prep .shaded-item__link {
  background: #ffdeed;
}

.tmpl-pre-prep .shaded-item__link.is-active {
  background: #eb357e;
}

/**
 * Pagination
 */
.tmpl-pre-prep .pagination em {
  background: #eb357e;
}

/**
 * Island
 */
.tmpl-prep .island {
  background: #f2f9fb;
}

/**
 * Section
 */
.section--prep {
  background: #f2f9fb;
}

.tmpl-prep .section__heading {
  color: #00a7e6;
}

/**
 * Content
 */
.tmpl-prep .content__heading {
  color: #00a7e6;
}

/**
 * Shaded List
 */
.tmpl-prep .shaded-item__link {
  background: #f2f9fb;
}

.tmpl-prep .shaded-item__link.is-active {
  background: #00a7e6;
}

/**
 * Pagination
 */
.tmpl-prep .pagination em {
  background: #00a7e6;
}

/**
 * Island
 */
.tmpl-senior .island {
  background: #ffecdb;
}

/**
 * Section
 */
.section--senior {
  background: #ffecdb;
}

.tmpl-senior .section__heading {
  color: #da5920;
}

/**
 * Content
 */
.tmpl-senior .content__heading {
  color: #da5920;
}

/**
 * Shaded List
 */
.tmpl-senior .shaded-item__link {
  background: #ffecdb;
}

.tmpl-senior .shaded-item__link.is-active {
  background: #da5920;
}

/**
 * Pagination
 */
.tmpl-senior .pagination em {
  background: #da5920;
}

/**
 * Island
 */
.tmpl-sixth-form .island {
  background: #f9f9f9;
}

/**
 * Section
 */
.section--sixth-form {
  background: #f9f9f9;
}

.tmpl-sixth-form .section__heading {
  color: #505050;
}

/**
 * Content
 */
.tmpl-sixth-form .content__heading {
  color: #505050;
}

/**
 * Shaded List
 */
.tmpl-sixth-form .shaded-item__link {
  background: #f9f9f9;
}

.tmpl-sixth-form .shaded-item__link.is-active {
  background: #505050;
}

/**
 * Pagination
 */
.tmpl-sixth-form .pagination em {
  background: #505050;
}