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

   1 @import 'mediawiki.mixins';
   2
   3 .mw-rcfilters-ui-filterItemWidget {
   4         padding: 0 0.5em;
   5         .box-sizing( border-box );
   6
   7         &:not( :last-child ) {
   8                 border-bottom: solid 1px #eaecf0; // Base 80 AAA
   9         }
  10
  11         &:hover {
  12                 background-color: #fbfbfb;
  13         }
  14
  15         .mw-rcfilters-ui-table {
  16                 padding-top: 0.5em;
  17         }
  18
  19         &-muted {
  20                 background-color: #f8f9fa; // Base90 AAA
  21                 .mw-rcfilters-ui-filterItemWidget-label-title,
  22                 .mw-rcfilters-ui-filterItemWidget-label-desc {
  23                         color: #54595d; // Base20 AAA
  24                 }
  25         }
  26
  27         &-selected {
  28                 background-color: #eaf3ff; // Accent90 AAA
  29         }
  30
  31         &-label {
  32                 &-title {
  33                         font-weight: bold;
  34                         font-size: 1.15em;
  35                         color: #222;
  36                 }
  37                 &-desc {
  38                         color: #464a4f;
  39                 }
  40         }
  41
  42         &-filterCheckbox {
  43                 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  44                         // Override margin-top and -bottom rules from FieldLayout
  45                         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
  46                 }
  47
  48                 .oo-ui-checkboxInputWidget {
  49                         // Workaround for IE11 rendering issues. T162098
  50                         display: block;
  51                 }
  52         }
  53
  54         &-highlightButton {
  55                 width: 4em;
  56                 padding-left: 1em;
  57         }
  58 }