@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; /* Emulate Center - from mediawiki.skinning/elements.css */ .center { width: 100%; text-align: center; > *, .thumb { margin-left: auto; margin-right: auto; } } } @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; } @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; } } }