diff options
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.less | 43 |
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 ) ); + } +} |