mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-17 19:21:39 +00:00
be76f05ebb
Includes icon fixes and removal of some CSS overrides. This causes the following temporary defects to the skin: * Last modified bar will temporarily be squashed * clear search icon will be misaligned vertically Depends-On: Ie811d25595d041c35e6c214190101821f3a5d466 Bug: T229440 Change-Id: I0a3a73421791ad353bbcebaeb8241ad062f67ae4
56 lines
934 B
Plaintext
56 lines
934 B
Plaintext
@import '../../minerva.less/minerva.variables.less';
|
|
@import '../../minerva.less/minerva.mixins.less';
|
|
@import 'mediawiki.mixins.animation';
|
|
|
|
@animationDuration: 0.3s;
|
|
|
|
// Flip the arrow in table of contents when toggled
|
|
.toctogglecheckbox:checked ~ .toctitle .mw-ui-icon:last-child {
|
|
&:before {
|
|
.transform( rotate( -180deg ) );
|
|
}
|
|
}
|
|
|
|
// Last modified bar styles
|
|
.last-modified-bar {
|
|
&.active {
|
|
background-color: @lastModifiedBarActiveBackgroundColor;
|
|
color: #fff;
|
|
|
|
a {
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Used by last modified and Main Menu items
|
|
.truncated-text {
|
|
.truncated-text();
|
|
}
|
|
|
|
@-webkit-keyframes fadeInImage {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInImage {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
// When the image has loaded transition background color and image opacity
|
|
// for a fade-in effect
|
|
img.image-lazy-loaded {
|
|
.animation( fadeInImage @animationDuration ease-in );
|
|
}
|