mediawiki-skins-Citizen/skinStyles/ext.popups.main.less

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

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

.mwe-popups {
	border: 0;
	border-radius: 0;
	.boxshadow(4);
}

@media ( prefers-color-scheme: dark ) {
	.mwe-popups {
		background: @dark-bg-50;

		&.mwe-popups-image-tri:after {
			border-color: @dark-bg-50;
		}

		.mwe-popups-container,
		.mwe-popups-extract {
			color: @dark-text-90;
		}

		.mwe-popups-extract[ dir='ltr' ]:after {
			background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), @dark-bg-50 50% );
		}

		&.mwe-popups-no-image-pointer {
			&:before {
				border-bottom-color: @dark-bg-50;
			}

			&:after {
				border-bottom-color: @dark-bg-50;
			}
		}
	}
}