mediawiki-skins-MinervaNeue/skinStyles/mobile.special.styles/minerva.less
jdlrobson a3efca1582 Remove unnecessary skins.minerva.base.styles
* truncated-text is only used in MainMenu, last modified bar,
 a few special pages
Making this a mixin and limiting it to mobile.startup skinStyles
and mobile.special.styles thus makes sense
* cloaked-element is only ever added by Skin.js in mobile.startup
* position-fixed is only ever added by Skin.js

Change-Id: Iaf7061e9dda87eb25c963f8a281175af08f358e5
2018-07-26 01:18:00 +00:00

67 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 {
padding: 34px 0 0;
font-size: 1.5em;
font-weight: bold;
}
.pre-content {
padding: 0;
}
}
// Specific to override mobile display
.heading-holder .tagline {
margin-bottom: 15px;
}
h1,
h2 {
// Important given we have no idea which rules special pages are enforcing
font-family: @fontFamily !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;
}
}