mediawiki-skins-MinervaNeue/skinStyles/mobile.special.styles/minerva.less
Volker E a738f25c05 Use system font stack as sans-serif choice
Using system font stack provides better reading experience on wider
range of operating systems and languages combinations.

Adding `fontFamilyBase` variable to easier update and clarify usage.

Bug: T175877
Change-Id: Id00fbe7ca90a3b31524c618de4441c413fe4afbe
2019-03-27 10:01:01 -07:00

64 lines
1.1 KiB
Plaintext

@import '../../minerva.less/minerva.variables';
@import '../../minerva.less/minerva.mixins';
// FIXME [mediawiki ui] These rules should not be needed in the mobile context
.mw-ui-button-group {
text-align: center;
* {
float: none !important;
}
// For talk and CTA drawer
.mw-ui-block {
width: auto;
}
}
.ns-special {
#content {
#section_0 {
font-size: 1.5em;
font-weight: bold;
}
}
.heading-holder {
padding-top: 26px;
// prevents margin collapsing. i.e. makes .heading-holder height match
// the bottom margin on .page-header, a child element.
overflow: auto;
}
h1,
h2 {
// Important given we have no idea which rules special pages are enforcing
font-family: @fontFamilyBase !important;
}
.content-header {
h1,
h2 {
text-align: center;
}
}
}
// Used by MobileSpecialPageFeed.php in MobileFrontend
.truncated-text {
.truncated-text();
// FIXME: this works only in WebKit
&.multi-line {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
}
&.two-line {
-webkit-line-clamp: 2;
// fallback for non-WebKit
max-height: 2.6em;
}
}