mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/main.less

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

// Content formatting and typography
//
// Our content is predominately text, hence visual hierarchy must be clear.
//
// Styleguide 1.

html {
	// prevent font scaling in landscape in Safari
	-webkit-text-size-adjust: none;
	font-size: 100% * @fontScalingFactor;
}

@bodyLineHeight: 1.4;

body {
	font-family: @fontFamily;
	line-height: @bodyLineHeight;
	color: @colorGray2;
	background: #fff;
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0.2 );
}

.content {
	line-height: @contentLineHeight;
	// Deal with long links (bug 60387)
	word-wrap: break-word;
}

@media all and ( max-width: @width-breakpoint-mobile - 1 ) {
	body {
		font-size: 0.8em;
	}

	.content {
		margin: 0 12px;
	}
}

.client-js {
	.collapsible-block {
		display: none;

		&.open-block {
			display: block;
		}
	}
}

.nomobile {
	// No mobile should trump any other class. e.g. .content table { display: table; }
	display: none !important;
}

/* Emulate Center - from mediawiki.skinning/elements.css */
.center {
	width: 100%;
	text-align: center;

	> * {
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and ( min-width: @width-breakpoint-tablet ) {
	.client-js {
		// Avoid flash of unstyled content for tablet users while JavaScript is loading
		// onclick attribute is removed by the toggling code.
		[onclick] + .collapsible-block {
			display: block;
		}
	}
}