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:not( .mw-rcfilters-ui-initialized ) .mw-changeslist,
40 body.mw-rcfilters-ui-loading .mw-changeslist {
48 width: @rcfilters-spinner-width;
49 // Make sure the middle of the spinner is centered, rather than its left edge
50 margin-left: -@rcfilters-spinner-width/2;
55 & .rcfilters-spinner-bounce,
59 display: inline-block;
62 background-color: #c8ccd1;
64 .animation( rcfiltersBouncedelay 1.5s ease-in-out -0.16s infinite both );
68 .animation-delay( -0.33s );
72 .animation-delay( 0s );
75 body:not( .mw-rcfilters-ui-initialized ) .rcfilters-spinner {
77 // When initializing, display the spinner on top of the area where the UI will appear
78 margin-top: -@rcfilters-head-min-height/2;
80 body.mw-rcfilters-ui-loading .rcfilters-spinner {
82 // When loading new results, display the spinner on top of the results area
88 form#mw-watchlist-resetbutton {
93 .mw-rcfilters-staticfilters-selected {
97 @-webkit-keyframes rcfiltersBouncedelay {
101 -webkit-transform: scale( 0.7 );
102 transform: scale( 0.7 );
105 background-color: #a2a9b1;
106 -webkit-transform: scale( 1 );
107 transform: scale( 1 );
111 @-moz-keyframes rcfiltersBouncedelay {
115 -moz-transform: scale( 0.7 );
116 transform: scale( 0.7 );
119 background-color: #a2a9b1;
120 -moz-transform: scale( 0.7 );
121 transform: scale( 1 );
125 @keyframes rcfiltersBouncedelay {
129 transform: scale( 0.7 );
132 background-color: #a2a9b1;
133 transform: scale( 1 );