style: Remove vendor-prefixes no longer required

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

View file

@ -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 );
}

View file

@ -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;
}

View file

@ -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;
}