mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/main.less
jdlrobson 2cc9516cde Minerva is its own skin
This is programmatic output from python3 scripts/migrate.py

This will result in a Minerva skin dependent on MobileFrontend.

Post merge we will rename message keys to have minerva- prefix

Bug: T166748
Change-Id: Iff1f7e63e796cc5d4a6d2ab0370e0c33248d2fce
2017-07-12 08:12:40 -07:00

65 lines
1.2 KiB
Plaintext

@import 'minerva.variables';
@import '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;
}
.content {
line-height: @contentLineHeight;
// Deal with long links (bug 60387)
word-wrap: break-word;
}
@media all and ( max-width: @wgMFDeviceWidthMobileSmall ) {
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;
}
@media all and ( min-width: @deviceWidthTablet ) {
.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;
}
}
}