// List Groups

@mixin list-group-item-variant($state, $background, $color) {

.list-group-item-#{$state} {
  color: $color;
  background-color: $background;
}

a.list-group-item-#{$state},
button.list-group-item-#{$state} {
  color: $color;

  .list-group-item-heading {
    color: inherit;
  }

  @include hover-focus {
    color: $color;
    background-color: darken($background, 5%);
  }

  &.active {
    @include plain-hover-focus {
      color: #fff;
      background-color: $color;
      border-color: $color;
    }
  }
}

}