1 @import 'mw.rcfilters.mixins';
3 .mw-rcfilters-ui-filterItemHighlightButton {
4 .oo-ui-iconElement-icon.oo-ui-icon-highlight {
6 background-image: url( ../images/marker-ltr.svg );
9 .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > &-circle {
10 display: inline-block;
11 vertical-align: middle;
12 background-image: none;
17 // These values duplicate the sizing of the icon
18 // width/height 1.875em
19 .mw-rcfilters-mixin-circle( @highlight-c1, 1.875em, 0.2em 0 );
22 .mw-rcfilters-mixin-circle( @highlight-c2, 1.875em, 0.2em 0 );
25 .mw-rcfilters-mixin-circle( @highlight-c3, 1.875em, 0.2em 0 );
28 .mw-rcfilters-mixin-circle( @highlight-c4, 1.875em, 0.2em 0 );
31 .mw-rcfilters-mixin-circle( @highlight-c5, 1.875em, 0.2em 0 );