// 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: #ffffff;
			background-color: $color;
			border-color: $color;
		}
	}
}