resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less

   1 @import 'mw.rcfilters.mixins';
   2
   3 .mw-rcfilters-ui-filterItemHighlightButton {
   4         .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > &-circle {
   5                 background-image: none;
   6                 display: inline-block;
   7                 vertical-align: middle;
   8                 margin-right: 0.2em;
   9                 // Override OOUI rule on frameless icons
  10                 opacity: 1;
  11
  12                 &-color {
  13                         &-c1 {
  14                                 // These values duplicate the sizing of the icon
  15                                 // width/height 1.875em
  16                                 .mw-rcfilters-mixin-circle( @highlight-c1, 1.875em, 0.2em 0 );
  17                         }
  18                         &-c2 {
  19                                 .mw-rcfilters-mixin-circle( @highlight-c2, 1.875em, 0.2em 0 );
  20                         }
  21                         &-c3 {
  22                                 .mw-rcfilters-mixin-circle( @highlight-c3, 1.875em, 0.2em 0 );
  23                         }
  24                         &-c4 {
  25                                 .mw-rcfilters-mixin-circle( @highlight-c4, 1.875em, 0.2em 0 );
  26                         }
  27                         &-c5 {
  28                                 .mw-rcfilters-mixin-circle( @highlight-c5, 1.875em, 0.2em 0 );
  29                         }
  30                 }
  31         }
  32 }