1 @import 'mediawiki.mixins.animation';
2 @import 'mw.rcfilters.mixins';
4 @rcfilters-spinner-width: 70px;
5 @rcfilters-head-min-height: 200px;
7 // Corrections for the standard special page
14 min-height: @rcfilters-head-min-height;
16 body:not( .mw-rcfilters-ui-initialized ) .rcfilters-head {
25 .rcfilters-container {
32 // Hide the 'empty' message when we load rcfilters
33 // since we replace it anyways with a specific
39 body.mw-rcfilters-ui-loading .mw-changeslist {
47 width: @rcfilters-spinner-width;
48 // Make sure the middle of the spinner is centered, rather than its left edge
49 margin-left: -@rcfilters-spinner-width/2;
54 & .rcfilters-spinner-bounce,
58 display: inline-block;
61 background-color: #c8ccd1;
63 .animation( rcfiltersBouncedelay 1.5s ease-in-out -0.16s infinite both );
67 .animation-delay( -0.33s );
71 .animation-delay( 0s );
74 body:not( .mw-rcfilters-ui-initialized ) .rcfilters-spinner {
76 // When initializing, display the spinner on top of the area where the UI will appear
77 margin-top: -@rcfilters-head-min-height/2;
79 body.mw-rcfilters-ui-loading .rcfilters-spinner {
81 // When loading new results, display the spinner on top of the results area
87 form#mw-watchlist-resetbutton {
92 .mw-rcfilters-staticfilters-selected {
96 @-webkit-keyframes rcfiltersBouncedelay {
100 -webkit-transform: scale( 0.7 );
101 transform: scale( 0.7 );
104 background-color: #a2a9b1;
105 -webkit-transform: scale( 1 );
106 transform: scale( 1 );
110 @-moz-keyframes rcfiltersBouncedelay {
114 -moz-transform: scale( 0.7 );
115 transform: scale( 0.7 );
118 background-color: #a2a9b1;
119 -moz-transform: scale( 0.7 );
120 transform: scale( 1 );
124 @keyframes rcfiltersBouncedelay {
128 transform: scale( 0.7 );
131 background-color: #a2a9b1;
132 transform: scale( 1 );