mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-28 16:10:55 +00:00
89fdcca241
This simplifies commit 17a3b5b6b0
The top or bottom margins of contained elements will always collapse together
(per http://seifi.org/css/understanding-taming-collapsing-margins-in-css.html)
What we actually want is a margin bottom in tablet mode for Special:MobileOptions
and a padding bottom for taglines that only exists if the tagline is not empty
Bug: T202557
Change-Id: I741f08d2dec04f94b7c233a04a3fca7a065520f8
71 lines
1.2 KiB
Plaintext
71 lines
1.2 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 {
|
|
padding-bottom: 15px;
|
|
// Avoid padding bottom being added on pages where there is no tagline
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
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;
|
|
}
|
|
}
|