mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-01 09:16:34 +00:00
a3efca1582
* 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
67 lines
1.1 KiB
Plaintext
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;
|
|
}
|
|
}
|