// List Groups

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

        a&,
        button& {
            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;
            }
        }
    }
}
