mediawiki-skins-MinervaNeue/skinStyles/mobile.special.styles/minerva.less
AronDemian e0193eba9b Rename @fontFamily* variables to WikimediaUI Base naming convention
Renaming:
- @fontFamilySans -> @font-family-system-sans
- @fontFamilyBase -> @font-family-base
As defined in: https://phabricator.wikimedia.org/source/wikimedia-ui-base/browse/master/wikimedia-ui-base.less$201

Bug: T245136
Change-Id: Idec2c516efe2a6ee82efdf3cc6be173bedbb5b56
2020-06-25 19:51:11 +00:00

66 lines
1.2 KiB
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
// 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 {
.mw-body #section_0 { // stylelint-disable-line selector-max-id
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: @font-family-base !important;
}
.content-header {
h1,
h2 {
text-align: center;
}
.mw-mf-user:before {
opacity: @opacity-icon-subtle;
}
}
}
// Used by MobileSpecialPageFeed.php in MobileFrontend
.truncated-text {
.text-overflow( @visible: false );
// 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;
}
}