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

Use animation mixin in core for invite-animation

Browse source 
Makes it easier to change the animation later without repetition.

Change-Id: I0dadafb91c288342480054d47fdda09a97d1773d
This commit is contained in:
Prateek Saxena 2014-03-17 12:02:51 +05:30 committed by Gilles Dubuc
parent 03ec8b46d7
commit 652094039f
1 changed files with 20 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
resources/mmv/mmv.less
View file

@ -1,3 +1,8 @@
/**
* Animation helper from core
*/
@import "mediawiki.mixins.animation";
/**
* Override multilightbox styles that don't apply to us
*/
@ -86,12 +91,7 @@
opacity: 0;
&.invite {
-webkit-animation-name: invite-animation;
-webkit-animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-name: invite-animation;
animation-duration: 0.5s;
animation-fill-mode: forwards;
.animation( invite-animation 0.5s ease 0s 1 normal forwards )
}
}
@ -99,7 +99,7 @@
opacity: 1;
}
@-webkit-keyframes invite-animation {
.invite-animation {
0% {
opacity: 0.6;
margin-top: 5px;
@ -114,19 +114,20 @@
}
}
@-webkit-keyframes invite-animation {
.invite-animation;
}
@-moz-keyframes invite-animation {
.invite-animation;
}
@-o-keyframes invite-animation {
.invite-animation;
}
@keyframes invite-animation {
0% {
opacity: 0.6;
margin-top: 5px;
}
50% {
opacity: 0.9;
margin-top: -3px;
}
100% {
opacity: 1;
margin-top: 0;
}
.invite-animation;
}
.mlb-controls {