// Headings in mobile // // All headings styled in the content div will be styled like so. // // Markup: //
//

Heading 1

//
//
//

Paragraph of text

//

Heading 2

//

Paragraph of text

//

Heading 3

//

Paragraph of text

//

Heading 4

//

Paragraph of text

//
Heading 2
//

Paragraph of text

//
Heading 2
//

Paragraph of text

//
// // Styleguide 1.1. @import 'mediawiki.mixins.less'; @import '../../minerva.less/minerva.variables'; @import '../../minerva.less/minerva.mixins'; @headingLineHeight: 1.3; h1 { font-size: @fontSizeH1; } h2 { font-size: @fontSizeH2; } h3 { font-size: @fontSizeH3; font-weight: bold; } h4 { font-weight: bold; } .pre-content h1, .content h1, .content h2 { font-family: @fontFamilyHeading; } h3, h4, h5, h6 { font-family: @fontFamily; } .pre-content h1, .content h1, .content h2, h3, h4, h5, h6 { line-height: @headingLineHeight; word-wrap: break-word; // This value isn't valid per the specification [0] but fixes the behaviour in // Google Chrome (45.0.2454.93), and, likely, other browsers too. // // [0] https://drafts.csswg.org/css-text-3/#propdef-word-break word-break: break-word; } .content { // Deliberately not applied to h1 h2, h3, h4, h5, h6 { padding: @headingMargin 0; } }