mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-17 03:08:12 +00:00
64134bd8a6
Use local imports instead given all relevant files are within the same repository, and don't vary by configuraion. Bug: T140807 Depends-On: If3edac9a35b346af0320c12f70c0d978a6346201 Change-Id: Ife3cc345a63aff452e93accbe0a593fbaa358732
77 lines
1.4 KiB
Plaintext
77 lines
1.4 KiB
Plaintext
// Headings in mobile
|
|
//
|
|
// All headings styled in the content div will be styled like so.
|
|
//
|
|
// Markup:
|
|
// <div class="pre-content">
|
|
// <h1 id="section_0">Heading 1</h1>
|
|
// </div>
|
|
// <div class="content">
|
|
// <p>Paragraph of text</p>
|
|
// <h2>Heading 2</h2>
|
|
// <p>Paragraph of text</p>
|
|
// <h3>Heading 3</h3>
|
|
// <p>Paragraph of text</p>
|
|
// <h4>Heading 4</h4>
|
|
// <p>Paragraph of text</p>
|
|
// <h5>Heading 2</h5>
|
|
// <p>Paragraph of text</p>
|
|
// <h6>Heading 2</h6>
|
|
// <p>Paragraph of text</p>
|
|
// </div>
|
|
//
|
|
// 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;
|
|
}
|
|
}
|