1 @import "mw.rcfilters.mixins";
3 .mw-rcfilters-ui-capsuleItemWidget {
9 // Fix the positioning of the popup itself
13 .oo-ui-labelElement-label {
14 vertical-align: middle;
19 // We want everything muted except the circle
20 background-color: rgba( 255, 255, 255, @muted-opacity );
22 .oo-ui-labelElement-label,
24 opacity: @muted-opacity;
33 display: inline-block;
38 .mw-rcfilters-mixin-circle( @highlight-c1, 0.7em, ~"0 0.5em 0 0" );
41 .mw-rcfilters-mixin-circle( @highlight-c2, 0.7em, ~"0 0.5em 0 0" );
44 .mw-rcfilters-mixin-circle( @highlight-c3, 0.7em, ~"0 0.5em 0 0" );
47 .mw-rcfilters-mixin-circle( @highlight-c4, 0.7em, ~"0 0.5em 0 0" );
50 .mw-rcfilters-mixin-circle( @highlight-c5, 0.7em, ~"0 0.5em 0 0" );