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

   1 @import 'mw.rcfilters.mixins';
   2
   3 .mw-rcfilters-ui-filterItemHighlightButton {
   4         .oo-ui-iconElement-icon.oo-ui-icon-highlight {
   5                 /* @embed */
   6                 background-image: url( ../images/marker-ltr.svg );
   7         }
   8
   9         .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > &-circle {
  10                 display: inline-block;
  11                 vertical-align: middle;
  12                 background-image: none;
  13                 margin-right: 0.2em;
  14
  15                 &-color {
  16                         &-c1 {
  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 );
  20                         }
  21                         &-c2 {
  22                                 .mw-rcfilters-mixin-circle( @highlight-c2, 1.875em, 0.2em 0 );
  23                         }
  24                         &-c3 {
  25                                 .mw-rcfilters-mixin-circle( @highlight-c3, 1.875em, 0.2em 0 );
  26                         }
  27                         &-c4 {
  28                                 .mw-rcfilters-mixin-circle( @highlight-c4, 1.875em, 0.2em 0 );
  29                         }
  30                         &-c5 {
  31                                 .mw-rcfilters-mixin-circle( @highlight-c5, 1.875em, 0.2em 0 );
  32                         }
  33                 }
  34         }
  35 }