summaryrefslogtreecommitdiff
path: root/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
diff options
context:
space:
mode:
Diffstat (limited to 'www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less')
-rw-r--r--www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less43
1 files changed, 43 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less b/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
new file mode 100644
index 00000000..1db7c1de
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.LiveUpdateButtonWidget.less
@@ -0,0 +1,43 @@
+@import 'mediawiki.mixins';
+
+.mw-rcfilters-ui-liveUpdateButtonWidget {
+ margin: 0;
+
+ &.oo-ui-toggleWidget-on {
+ position: relative;
+ overflow: hidden;
+ &:after {
+ content: '';
+ mix-blend-mode: screen;
+ pointer-events: none;
+ position: absolute;
+ width: 1.875em;
+ height: 1.875em;
+ top: 1.875em / 4;
+ left: 0.46875em;
+ background: rgba( 51, 102, 204, 0.5 );
+ border-radius: 100%;
+ transform-origin: 50% 50%;
+ opacity: 0;
+ animation: ripple 2.3s ease-out infinite;
+ animation-delay: 1s;
+ }
+ }
+}
+
+@keyframes ripple {
+ 0%,
+ 35% {
+ .transform( scale( 0 ) );
+ opacity: 1;
+ }
+ 50% {
+ .transform( scale( 1.5 ) );
+ opacity: 0.8;
+ }
+ 80%,
+ 100% {
+ opacity: 0;
+ .transform( scale( 4 ) );
+ }
+}