1 @import "mw.rcfilters.mixins";
3 .mw-rcfilters-ui-capsuleItemWidget {
9 &.oo-ui-labelElement .oo-ui-labelElement-label {
10 vertical-align: middle;
16 // We want everything muted except the circle
17 background-color: rgba( 255, 255, 255, @muted-opacity );
19 .oo-ui-labelElement-label,
21 opacity: @muted-opacity;
30 display: inline-block;
35 .mw-rcfilters-mixin-circle( @highlight-c1, 0.7em, ~"0 0.5em 0 0" );
38 .mw-rcfilters-mixin-circle( @highlight-c2, 0.7em, ~"0 0.5em 0 0" );
41 .mw-rcfilters-mixin-circle( @highlight-c3, 0.7em, ~"0 0.5em 0 0" );
44 .mw-rcfilters-mixin-circle( @highlight-c4, 0.7em, ~"0 0.5em 0 0" );
47 .mw-rcfilters-mixin-circle( @highlight-c5, 0.7em, ~"0 0.5em 0 0" );