//
// Panels
// --------------------------------------------------

@mixin well-variant(
  $background-color,
  $border-color,
  $text-color: $color-white
) {
  @each $theme, $map in $themes {
    .#{$theme} & {
      background-color: $background-color;
      border: 1px solid $border-color;
    }
  }

  &,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    color: $text-color;
  }
}