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

@mixin backgrounds($palette) {
  @each $color-class, $color in $palette {
    .mck-th-bg-#{$color-class},
    .mck-th-bg-#{$color-class}--hover:hover,
    .mck-th-bg-#{$color-class}--after *:after{
      background-color: $color !important;
      border-color: transparent !important;
      //color: $white !important;
    }
  }
}

$using-the-dls: #2166b1;
$design-principles: #4356a5;
$grid-page-structure-layout: #1ea9e1;
$colors: #7e9aaa;
$typography: #059ba7;
$iconography: #136a84;
$imagery: #67307e;
$buttons-links-tooltips: #67307e;
$content-feeds: #4356a5;
$content-detail: #2166b1;
$media-players: #1ea9e1;
$form-layout: #7e9aaa;
$form-fields: #059ba7;
$form-validation: #136a84;
$data-tables: #67307e;
$data-visualizations: #4356a5;
$masthead-footer: #4356a5;
$navigation: #2166b1;
$notifications-alerts: #1ea9e1;
$search-results: #7e9aaa;
$modals: #059ba7;
$log-in: #136a84;
$landing-page: #2166b1;
$article-pages: #1ea9e1;
$profile-page: #7e9aaa;
$product-page: #059ba7;
$search-and-results: #136a84;
$form-pages: #67307e;
$links-page: #4356a5;
$visualizations-tables: #2166b1;

$palette-portal: (
  using-the-dls:              $using-the-dls,
  design-principles:          $design-principles,
  grid-page-structure-layout: $grid-page-structure-layout,
  colors:                     $colors,
  typography:                 $typography,
  iconography:                $iconography,
  imagery:                    $imagery,
  buttons-links-tooltips:     $buttons-links-tooltips,
  content-feeds:              $content-feeds,
  content-detail:             $content-detail,
  media-players:              $media-players,
  form-layout:                $form-layout,
  form-fields:                $form-fields,
  form-validation:            $form-validation,
  data-tables:                $data-tables,
  data-visualizations:        $data-visualizations,
  masthead-footer:            $masthead-footer,
  navigation:                 $navigation,
  notifications-alerts:       $notifications-alerts,
  search-results:             $search-results,
  modals:                     $modals,
  log-in:                     $log-in,
  landing-page:               $landing-page,
  article-pages:              $article-pages,
  profile-page:               $profile-page,
  product-page:               $product-page,
  search-and:                 $search-and-results,
  form-pages:                 $form-pages,
  links-page:                 $links-page,
  visualizations-tables:      $visualizations-tables
);

@include backgrounds($palette-portal);