/*
 * Citizen
 *
 * SkinStyles for MediaWiki
 * Module: mediawiki.ui.icon
 * Version: REL1_39
 *
 * Date: 2022-11-30
*/

@import '../../resources/variables.less';

.mw-ui-icon-element {
	border-radius: var( --border-radius--small );

	&:active {
		background-color: var( --background-color-quiet--active );
	}
}

@media ( hover: hover ) {
	.mw-ui-icon-element:not( .disabled ):hover {
		background-color: var( --background-color-quiet--hover );
	}
}

@media all and ( min-width: @width-breakpoint-desktop ) {
	.mw-ui-icon-with-label-desktop {
		color: var( --color-base--subtle ) !important;

		&:hover,
		&:focus,
		&:active,
		&:visited {
			color: var( --color-base--subtle );
		}
	}
}

.skin-citizen-dark {
	.mw-ui-icon:before {
		filter: invert( 1 ) hue-rotate( 180deg );
	}
}