mediawiki-skins-MinervaNeue/skinStyles/mobile.special.styles/minerva.less
jdlrobson 7280d255c0 Dev: Prep for storybook
* Remove ambiguity in imports - say the file extension
'less' for all instances of variables and mixins.
* Separate toast styles from drawer styles so they can be
imported separately
* associate header-action selector with its parent
(.overlay-header) not parent's parent (.overlay) so it can be imported
and rendered without the Overlay.

Change-Id: Ib7e19a440ba095d6424d35305fb41d643ca9764c
2019-08-21 12:20:26 -07:00

64 lines
1.1 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 {
#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;
}
}