mediawiki-skins-MinervaNeue/skinStyles/mobile.special.mobileoptions.styles/minerva.less

@import '../../minerva.less/minerva.variables.less';

@media all and ( min-width: @width-breakpoint-tablet ) {
	.ns-special .pre-content {
		background: #fff;
		margin-bottom: 15px;

		.tagline,
		h1 {
			margin: 0 @contentMargin;
		}
	}

	.ns-special .mw-body {
		background: @colorGray14;

		form {
			background: #fff;
		}
	}
}
Dev: Prep for storybook * Remove ambiguity in imports - say the file extension 'less' for all instances of variables and mixins. * Separate toast styles from drawer styles so they can be imported separately * associate header-action selector with its parent (.overlay-header) not parent's parent (.overlay) so it can be imported and rendered without the Overlay. Change-Id: Ib7e19a440ba095d6424d35305fb41d643ca9764c 2019-08-08 20:01:03 +00:00			`@import '../../minerva.less/minerva.variables.less';`
Optimise Special:MobileOptions for tablet display Bug: T180095 Change-Id: I0ef0ce914a360848f8f66b39c40588f3fa04647c 2017-12-01 18:52:02 +00:00
Fix LESS error, restore notifications and settings T140804 dropped the support for deviceTabletWidth in core (https://gerrit.wikimedia.org/r/#/c/mediawiki/core/+/451648/9/includes/DefaultSettings.php) This causes errors in these skinStyle files which are presumably not being checked with CI. Update these usages to use width-breakpoint-tablet instead Bug: T202021 Change-Id: Ie804f24275c99c939687d59cca9d62204fd74518 2018-08-15 19:10:51 +00:00			`@media all and ( min-width: @width-breakpoint-tablet ) {`
Optimise Special:MobileOptions for tablet display Bug: T180095 Change-Id: I0ef0ce914a360848f8f66b39c40588f3fa04647c 2017-12-01 18:52:02 +00:00			`.ns-special .pre-content {`
[Bug] Special:MobileOptions heading padding should be consistent This simplifies commit 17a3b5b6b0fab97391c690b3a3cb538793215ad5 The top or bottom margins of contained elements will always collapse together (per http://seifi.org/css/understanding-taming-collapsing-margins-in-css.html) What we actually want is a margin bottom in tablet mode for Special:MobileOptions and a padding bottom for taglines that only exists if the tagline is not empty Bug: T202557 Change-Id: I741f08d2dec04f94b7c233a04a3fca7a065520f8 2018-11-13 22:12:39 +00:00			`background: #fff;`
			`margin-bottom: 15px;`

Optimise Special:MobileOptions for tablet display Bug: T180095 Change-Id: I0ef0ce914a360848f8f66b39c40588f3fa04647c 2017-12-01 18:52:02 +00:00			`.tagline,`
			`h1 {`
			`margin: 0 @contentMargin;`
			`}`
			`}`
[Bug] Special:MobileOptions heading padding should be consistent This simplifies commit 17a3b5b6b0fab97391c690b3a3cb538793215ad5 The top or bottom margins of contained elements will always collapse together (per http://seifi.org/css/understanding-taming-collapsing-margins-in-css.html) What we actually want is a margin bottom in tablet mode for Special:MobileOptions and a padding bottom for taglines that only exists if the tagline is not empty Bug: T202557 Change-Id: I741f08d2dec04f94b7c233a04a3fca7a065520f8 2018-11-13 22:12:39 +00:00
Replace `#content` selector by `.mw-body` Has been replaced in other skins, `.mw-body` is exclusively used on `#content`. Change-Id: I56ca92a683a2f9f4181e7708a312e691448ce230 2019-11-26 05:34:22 +00:00			`.ns-special .mw-body {`
[Bug] Special:MobileOptions heading padding should be consistent This simplifies commit 17a3b5b6b0fab97391c690b3a3cb538793215ad5 The top or bottom margins of contained elements will always collapse together (per http://seifi.org/css/understanding-taming-collapsing-margins-in-css.html) What we actually want is a margin bottom in tablet mode for Special:MobileOptions and a padding bottom for taglines that only exists if the tagline is not empty Bug: T202557 Change-Id: I741f08d2dec04f94b7c233a04a3fca7a065520f8 2018-11-13 22:12:39 +00:00			`background: @colorGray14;`

			`form {`
			`background: #fff;`
			`}`
			`}`
Optimise Special:MobileOptions for tablet display Bug: T180095 Change-Id: I0ef0ce914a360848f8f66b39c40588f3fa04647c 2017-12-01 18:52:02 +00:00			`}`