// List Groups

.list-group-item-variant(@state; @background; @color) {

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

  a& {
    color: @color;

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

    &:hover,
    &:focus {
      color: @color;
      background-color: darken(@background, 5%);
    }
    &.active,
    &.active:hover,
    &.active:focus {
      color: #fff;
      background-color: @color;
      border-color: @color;
    }
  }
}

}