mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-18 16:51:05 +00:00
5d6b866890
The classes: - skin-night-mode-clientpref-0 - skin-night-mode-clientpref-1 - skin-night-mode-clientpref-2 is being replaced with - skin-theme-clientpref-day - skin-theme-clientpref-night - skin-theme-clientpref-os - Moved $forceNightMode to be a text parameter (dat|night|os) - Keep adding the old classes to the html element, to give the ability of gradual deployment The preference is renamed from minerva-night-mode to minerva-theme (a follow up to consider migrating existing values will follow). The query string minervanightmode continues to behave the same but now accepts other values such as day, night and os. Bug: T359983 Change-Id: Ia253de68f94236e7fe2219b736dd6084c64ce838
74 lines
1.4 KiB
Plaintext
74 lines
1.4 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: @border-subtle;
|
|
overflow: auto;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
// styles that apply to nested footer components
|
|
.mw-footer {
|
|
.indicator {
|
|
.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;
|
|
}
|
|
}
|
|
|
|
// links should be separated by same color
|
|
.hlist {
|
|
li::after {
|
|
color: @color-link;
|
|
}
|
|
}
|
|
|
|
> .post-content {
|
|
overflow: auto;
|
|
margin-top: 42px;
|
|
|
|
> * {
|
|
margin-bottom: 9px;
|
|
}
|
|
|
|
.minerva-footer-logo {
|
|
border-bottom: @border-subtle;
|
|
padding-bottom: 10px;
|
|
margin-top: 42px;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
// No margin top on logo needed if it follows the #p-lang element and nothing has been loaded
|
|
// above languages e.g. RelatedArticles.
|
|
/* stylelint-disable selector-max-id */
|
|
#p-lang:not( :target ):first-child + .minerva-footer-logo {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.hlist,
|
|
.license {
|
|
font-size: 0.875em;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Night mode
|
|
html.skin-theme-clientpref-night {
|
|
.minerva-footer-logo img {
|
|
.night-mode-invert-image();
|
|
}
|
|
}
|
|
|
|
@media ( prefers-color-scheme: dark ) {
|
|
html.skin-theme-clientpref-os {
|
|
.minerva-footer-logo img {
|
|
.night-mode-invert-image();
|
|
}
|
|
}
|
|
}
|
|
|
|
@import 'LastModifiedBar.less';
|