// Contextual backgrounds

#bg-variant(@parent, @color) {
	@{parent} {
		background-color: @color !important;
	}
	a@{parent},
	button@{parent} {
		#hover-focus({
			background-color: darken(@color, 10%) !important;
		});
	}
}

#bg-gradient-variant(@parent, @color) {
	@{parent} {
		background: @color linear-gradient(180deg, mix(@body-background, @color, 15%), @color) repeat-x !important;
	}
}