RCFilters UI: Fix mute state styling
[lhc/web/wiklou.git] / 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 .mw-rcfilters-ui-table {
8 padding-top: 0.5em;
9 }
10
11 &-muted {
12 background-color: #f8f9fa; // Base90 AAA
13 .mw-rcfilters-ui-filterItemWidget-label-title,
14 .mw-rcfilters-ui-filterItemWidget-label-desc {
15 color: #54595d; // Base20 AAA
16 }
17 }
18
19 &-label {
20 &-title {
21 font-weight: bold;
22 font-size: 1.2em;
23 color: #222;
24 }
25 &-desc {
26 color: #464a4f;
27 }
28 }
29
30 &-filterCheckbox {
31 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
32 // Override margin-top and -bottom rules from FieldLayout
33 margin: 0 !important;
34 }
35
36 }
37
38 &-highlightButton {
39 width: 4em;
40 padding-left: 1em;
41 }
42 }