mediawiki-skins-MinervaNeue/resources/skins.minerva.DarkModeLaunchBanner/DarkModeLaunchBanner.less

@import 'mediawiki.skin.variables.less';

.skin-minerva-launch-image {
	background: url( dark-mode-banner.svg ) no-repeat 0 0;
	background-size: 100%;
	width: ~'calc(100% + @{spacing-300})';
	margin: -@spacing-100 -@spacing-150 0 -@spacing-150;
	aspect-ratio: 2 / 1;
}
Create dark-mode launch banner component Creates a launch banner component for dark-mode using the CSS-only Codex Dialog component. This banner is currently not loaded on any page, but can be invoked using mw.loader: mw.loader.using( 'skins.minerva.DarkModeLaunchBanner', r => r( 'skins.minerva.DarkModeLaunchBanner')() ); Bug: T361047 Change-Id: I3cfa9517a387df636534a3940e09289e4d7a1e5b 2024-05-24 15:42:55 +00:00			`@import 'mediawiki.skin.variables.less';`

			`.skin-minerva-launch-image {`
			`background: url( dark-mode-banner.svg ) no-repeat 0 0;`
			`background-size: 100%;`
			`width: ~'calc(100% + @{spacing-300})';`
			`margin: -@spacing-100 -@spacing-150 0 -@spacing-150;`
			`aspect-ratio: 2 / 1;`
			`}`