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