mediawiki-skins-Citizen/skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less

/*
 * Citizen - ULS Styles
 * https://starcitizen.tools
*/

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

.skin-citizen {
	.uls {
		&-menu {
			border-color: var( --border-color-base );
			background-color: var( --background-color-dp-04 );
			.boxshadow(5);
		}

		&-search {
			position: relative;
			border-color: var( --border-color-base );
			background-color: var( --background-color-dp-08 );
			transition: @transition-background-quick, @transition-box-shadow-quick;
			.boxshadow(2);

			&:focus-within {
				background-color: var( --background-color-dp-12 );
				.boxshadow(3);
			}
		}

		&-filtersuggestion {
			background: transparent;
			color: var( --color-base--subtle );
		}

		&-languagefilter {
			color: var( --color-base );
		}

		// Gotta fix this for mobile
		&-narrow {
			left: 0 !important;
			width: 100% !important;
		}

		&-lcd {
			background-color: var( --background-color-dp-04 );

			&-region-title {
				color: var( --color-base );
			}
		}

		&-language-block {
			> ul > li:hover {
				background-color: var( --background-color-primary--hover );
			}
		}
	}

	#uls-settings-block {
		border-color: var( --border-color-base );
		background-color: var( --background-color-dp-04 );
	}
}

.skin-citizen-dark {
	.uls {
		&-search {
			&-label {
				filter: invert( 1 );
			}
		}
	}

	#uls-settings-block {
		filter: invert( 1 );
	}
}