// List Groups

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

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

  &.list-group-item-action {
    @include hover-focus {
      color: $color;
      background-color: darken($background, 5%);
    }

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

}