diff --git a/resources/skins.minerva.base.styles/images.less b/resources/skins.minerva.base.styles/images.less index c653cc2..3599f9a 100644 --- a/resources/skins.minerva.base.styles/images.less +++ b/resources/skins.minerva.base.styles/images.less @@ -1,8 +1,6 @@ @import '../../minerva.less/minerva.variables'; @import '../../minerva.less/minerva.mixins'; -@import 'mediawiki.mixins.animation'; -@animationDuration: 0.3s; @placeholderBackgroundColor: @grayLightest; .lazy-image-placeholder { @@ -27,27 +25,3 @@ // see T146298 display: inline-block; } - -// 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 ); -} - -@-webkit-keyframes fadeInImage { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes fadeInImage { - from { - opacity: 0; - } - to { - opacity: 1; - } -} diff --git a/resources/skins.minerva.scripts/styles.less b/resources/skins.minerva.scripts/styles.less index 3efdb99..656ae37 100644 --- a/resources/skins.minerva.scripts/styles.less +++ b/resources/skins.minerva.scripts/styles.less @@ -1,12 +1,40 @@ @import '../../minerva.less/minerva.variables'; +@import 'mediawiki.mixins.animation'; +@animationDuration: 0.3s; + +// Last modified bar styles .last-modified-bar { &.active { background-color: @lastModifiedBarActiveBackgroundColor; - color: #fff; + a { color: #fff; } } } + +@-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 ); +}