// 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;

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

  &.active {
    color: #fff;
    background-color: $color;
    border-color: $color;
  }
}

}