1 @import "mw.rcfilters.mixins";
3 .mw-rcfilters-ui-highlightColorPickerWidget {
12 .oo-ui-iconElement-icon {
18 .mw-rcfilters-mixin-circle( @highlight-none, 2em, 0.5em, true );
20 &.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
21 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
22 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
23 background-color: @highlight-none;
27 .mw-rcfilters-mixin-circle( @highlight-c1 );
29 &.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
30 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
31 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
32 background-color: @highlight-c1;
36 .mw-rcfilters-mixin-circle( @highlight-c2 );
38 &.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
39 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
40 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
41 background-color: @highlight-c2;
45 .mw-rcfilters-mixin-circle( @highlight-c3 );
47 &.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
48 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
49 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
50 background-color: @highlight-c3;
54 .mw-rcfilters-mixin-circle( @highlight-c4 );
56 &.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
57 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
58 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
59 background-color: @highlight-c4;
63 .mw-rcfilters-mixin-circle( @highlight-c5 );
65 &.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
66 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
67 &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
68 background-color: @highlight-c5;