diff --git a/resources/mmv/mmv.mixins.less b/resources/mmv/mmv.mixins.less index f0e59e837..3e1c65f9c 100644 --- a/resources/mmv/mmv.mixins.less +++ b/resources/mmv/mmv.mixins.less @@ -10,18 +10,15 @@ // from https://stackoverflow.com/a/12178019/323407 .fade-out-vertical( @backgroundColor: white ) { @invisible: fadeout( @backgroundColor, 100% ); - background-image: -webkit-linear-gradient( top, @invisible 0%, @backgroundColor 100% ); // Chrome10+,Safari5.1+ background-image: linear-gradient( to bottom, @invisible 0%, @backgroundColor 100% ); // W3C } .fade-out-horizontal( @backgroundColor: white ) { @invisible: fadeout( @backgroundColor, 100% ); - background-image: -webkit-linear-gradient( left, @invisible 0%, @backgroundColor 100% ); // Chrome10+,Safari5.1+ background-image: linear-gradient( to right, @invisible 0%, @backgroundColor 100% ); // W3C } .rotate( @degrees: 45deg ) { - -webkit-transform: rotate( @degrees ); transform: rotate( @degrees ); } diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less index 722807686..25bac7cf9 100644 --- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less +++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less @@ -1,17 +1,16 @@ @import '../mmv.variables.less'; @import '../mmv.mixins.less'; -@import 'mediawiki.mixins.animation.less'; .mw-mmv-post-image { - .animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards ); + animation: mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards; transition: box-shadow 0.25s; &.invite { - .animation( mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards ); + animation: mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards; } .jq-fullscreened & { - .animation( none ); + animation: none; } &.mw-mmv-untruncated, @@ -34,10 +33,6 @@ } } -@-webkit-keyframes mw-mmv-appear-animation { - .mw-mmv-appear-animation; -} - @keyframes mw-mmv-appear-animation { .mw-mmv-appear-animation; } @@ -56,10 +51,6 @@ } } -@-webkit-keyframes mw-mmv-invite-animation { - .mw-mmv-invite-animation; -} - @keyframes mw-mmv-invite-animation { .mw-mmv-invite-animation; } diff --git a/resources/mmv/ui/mmv.ui.progressBar.less b/resources/mmv/ui/mmv.ui.progressBar.less index 6cf1c48df..199374e49 100644 --- a/resources/mmv/ui/mmv.ui.progressBar.less +++ b/resources/mmv/ui/mmv.ui.progressBar.less @@ -1,5 +1,4 @@ @import '../mmv.variables.less'; -@import 'mediawiki.mixins.animation.less'; @progress-height: @progress-bar-height; @@ -21,7 +20,7 @@ height: @progress-height; background: linear-gradient( -45deg, transparent 33%, rgba( 0, 0, 0, 0.1 ) 33%, rgba( 0, 0, 0, 0.1 ) 66%, transparent 66% ), #36c; background-size: 35px 20px, 100% 100%, 100% 100%; - .animation( mw-mmv-progress-percent-animation 1.5s linear infinite ); + animation: mw-mmv-progress-percent-animation 1.5s linear infinite; } .mw-mmv-progress-percent-animation() { @@ -34,10 +33,6 @@ } } -@-webkit-keyframes mw-mmv-progress-percent-animation { - .mw-mmv-progress-percent-animation; -} - @keyframes mw-mmv-progress-percent-animation { .mw-mmv-progress-percent-animation; }