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;`
Migrate bare division math to parens division Bug: T369669 Change-Id: I37c84769edbae8bbb843e9be1846394753c126c8 2024-08-02 18:32:20 +00:00			`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			`}`