X-Git-Url: https://git.heureux-cyclage.org/?p=lhc%2Fweb%2Fwiklou.git;a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.LiveUpdateButtonWidget.less;h=3c8664cd5af5b8865fb6457eb07d2ce9942b5d18;hp=04f4174d8321ea3964b9dd830c094c79b3e4e063;hb=870103526c6e9bc6dd9750c89e51f9ac3f2a6481;hpb=89539f2aa1b158fdcc703ad053e2580cb97a6385

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
index 04f4174d83..3c8664cd5a 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
@@ -1,3 +1,5 @@
+@import 'mediawiki.mixins';
+
 .mw-rcfilters-ui-liveUpdateButtonWidget {
 	margin-left: 1em;
 
@@ -17,7 +19,7 @@
 			border-radius: 100%;
 			transform-origin: 50% 50%;
 			opacity: 0;
-			animation: ripple 1.2s ease-out infinite;
+			animation: ripple 2.3s ease-out infinite;
 			animation-delay: 1s;
 		}
 	}
@@ -26,15 +28,16 @@
 @keyframes ripple {
 	0%,
 	35% {
-		transform: scale( 0 );
+		.transform( scale( 0 ) );
 		opacity: 1;
 	}
 	50% {
-		transform: scale( 1.5 );
+		.transform( scale( 1.5 ) );
 		opacity: 0.8;
 	}
+	80%,
 	100% {
 		opacity: 0;
-		transform: scale( 4 );
+		.transform( scale( 4 ) );
 	}
 }