mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
6e6cdd74c4
The `.mw-ui-icon-small` class shouldn't include the padding that comes with `.mw-ui-icon-element`, it should instead render a small icon without padding. The right-margin for mw-ui-icon-before is also changed to be the @icon-padding size instead of a static 1em. Includes a fix for the "last-modified" bar cause by this change. This temporarily breaks the reference drawer with error state but that will be swiftly fixed in I229dd5ae04bde96ba8d5622097ff09ea4324ab0e Change-Id: Ia44b3157ecec6a036f3bd6287d4b8096748d4afa
106 lines
2 KiB
Plaintext
106 lines
2 KiB
Plaintext
@import '../../minerva.less/minerva.variables.less';
|
|
@import '../../minerva.less/minerva.mixins.less';
|
|
|
|
// style that applies only to minerva footer
|
|
.minerva-footer {
|
|
border-top: solid 1px @footerBorderColor;
|
|
overflow: auto;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
// styles that apply to nested footer components
|
|
footer {
|
|
// links should be separated by same color
|
|
.hlist {
|
|
li:after {
|
|
color: @linkColor;
|
|
}
|
|
}
|
|
|
|
.last-modified-bar {
|
|
margin: 0;
|
|
border-bottom: solid 1px @footerBorderColor;
|
|
background-color: @lastModifiedBarBgColor;
|
|
display: block;
|
|
color: @lastModifiedBarTextColor;
|
|
transition: background-color 0.2s ease, color 0.2s ease;
|
|
padding-top: @icon-padding-md;
|
|
padding-bottom: @icon-padding-md;
|
|
}
|
|
|
|
// for compatibility with cached HTML. Can be returned 2 weeks after
|
|
// I53fa45058dbc81c91089840073e03113ff1a4b9c lands.
|
|
.last-modifier-tagline {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: @font-size-minerva-small;
|
|
}
|
|
|
|
.last-modified-bar__text {
|
|
@end-padding: @iconGutterWidth + @iconGutterWidth + @iconSize;
|
|
display: block;
|
|
padding-right: 40px;
|
|
padding-left: 0;
|
|
height: auto;
|
|
.truncated-text();
|
|
|
|
&:before {
|
|
float: left;
|
|
}
|
|
|
|
> a,
|
|
> span > span,
|
|
> span:last-child {
|
|
font-size: @font-size-minerva-small;
|
|
}
|
|
}
|
|
|
|
.indicator {
|
|
position: absolute;
|
|
top: -@icon-padding-md;
|
|
right: 0;
|
|
|
|
.client-nojs & {
|
|
// Certain browsers e.g. Opera Mini do not support css transforms
|
|
// We assume that we do not run JS on these browsers so hide the chevron
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
> .post-content {
|
|
overflow: auto;
|
|
margin-top: 42px;
|
|
|
|
> * {
|
|
margin-bottom: 9px;
|
|
}
|
|
|
|
> h2 {
|
|
border-bottom: solid 1px @footerBorderColor;
|
|
padding-bottom: 10px;
|
|
margin-top: 42px;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
.hlist,
|
|
.license {
|
|
font-size: 0.875em;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media ( min-width: @width-breakpoint-tablet ) {
|
|
footer {
|
|
.last-modified-bar {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
}
|