Vector-Local/skinStyles/mediawiki.notification.less

@import '../variables';

/* mediawiki.notification */

// This wrapper element is needed to ensure these rules have larger CSS
// selector specificity than default styles
body {
	.mw-notification-area {
		font-size: 0.8em;
	}

	.mw-notification-area-layout {
		top: 7em;
	}

	.mw-notification {
		background-color: #fff;
		background-color: rgba( 255, 255, 255, 0.93 );
		padding: 0.75em 1.5em;
		border: solid 1px @content-border-color;
		border-radius: 0.75em;
		box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 );
	}

	.mw-notification-type-warn {
		border-color: #f5be00; /* yellow */
		box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 245, 190, 0, 0.25 ) inset;
	}

	.mw-notification-type-error {
		border-color: #f00; /* red */
		box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 255, 0, 0, 0.25 ) inset;
	}
}