wikimedia/mediawiki-extensions-MultimediaViewer
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer synced 2024-11-28 01:50:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: Remove vendor-prefixes no longer required

Browse source 
Change-Id: Ide19cd0decb8a6ef26ccb94bfc89376b3a886748
This commit is contained in:
Ed Sanders 2022-05-19 23:48:51 +01:00
parent f13d696748
commit 73e59d396d
3 changed files with 4 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
resources/mmv/mmv.mixins.less
View file

@ -10,18 +10,15 @@
// from https://stackoverflow.com/a/12178019/323407 // from https://stackoverflow.com/a/12178019/323407
.fade-out-vertical( @backgroundColor: white ) { .fade-out-vertical( @backgroundColor: white ) {
@invisible: fadeout( @backgroundColor, 100% ); @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 background-image: linear-gradient( to bottom, @invisible 0%, @backgroundColor 100% ); // W3C
} }
.fade-out-horizontal( @backgroundColor: white ) { .fade-out-horizontal( @backgroundColor: white ) {
@invisible: fadeout( @backgroundColor, 100% ); @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 background-image: linear-gradient( to right, @invisible 0%, @backgroundColor 100% ); // W3C
} }
.rotate( @degrees: 45deg ) { .rotate( @degrees: 45deg ) {
-webkit-transform: rotate( @degrees );
transform: rotate( @degrees ); transform: rotate( @degrees );
} }

15
resources/mmv/ui/mmv.ui.metadataPanelScroller.less
View file

@ -1,17 +1,16 @@
@import '../mmv.variables.less'; @import '../mmv.variables.less';
@import '../mmv.mixins.less'; @import '../mmv.mixins.less';
@import 'mediawiki.mixins.animation.less';
.mw-mmv-post-image { .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; transition: box-shadow 0.25s;
&.invite { &.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 & { .jq-fullscreened & {
.animation( none ); animation: none;
} }
&.mw-mmv-untruncated, &.mw-mmv-untruncated,
@ -34,10 +33,6 @@
} }
} }
@-webkit-keyframes mw-mmv-appear-animation {
.mw-mmv-appear-animation;
}
@keyframes mw-mmv-appear-animation { @keyframes mw-mmv-appear-animation {
.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 { @keyframes mw-mmv-invite-animation {
.mw-mmv-invite-animation; .mw-mmv-invite-animation;
} }

7
resources/mmv/ui/mmv.ui.progressBar.less
View file

@ -1,5 +1,4 @@
@import '../mmv.variables.less'; @import '../mmv.variables.less';
@import 'mediawiki.mixins.animation.less';
@progress-height: @progress-bar-height; @progress-height: @progress-bar-height;
@ -21,7 +20,7 @@
height: @progress-height; 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: 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%; 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() { .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 { @keyframes mw-mmv-progress-percent-animation {
.mw-mmv-progress-percent-animation; .mw-mmv-progress-percent-animation;
} }