+@import 'mediawiki.mixins';
@import 'mediawiki.ui/variables';
-@import 'mw.rcfilters.mixins.less';
+@import 'mw.rcfilters.variables';
.mw-rcfilters-ui-filterTagMultiselectWidget {
max-width: none;
direction: ltr;
border-bottom-right-radius: 0;
height: 2.5em;
-
- .input-placeholder-color( @colorGray5 );
}
&.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
- border: 1px solid #a2a9b1;
+ border: 1px solid @colorGray10;
border-bottom: 0;
- background-color: #f8f9fa;
+ background-color: @colorGray15;
border-radius: 2px 2px 0 0;
padding: 0.6em;
margin-top: 1em;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-emphasize.oo-ui-tagMultiselectWidget-handle {
- background-color: #eaf3ff; // Accent90
+ background-color: @background-color-primary;
}
&-wrapper {
&-content {
&-title {
font-weight: bold;
- color: #54595d;
+ color: @colorGray5;
}
&-savedQueryTitle {
- color: #222; // Base10
+ color: @colorGray2;
font-weight: bold;
vertical-align: top;
margin-left: 1em;
width: 1em;
&-widget.oo-ui-widget {
- border: 1px solid #a2a9b1;
+ border: 1px solid @colorGray10;
border-left-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: block;
text-align: right;
height: 2.5em;
- box-sizing: border-box;
+ .box-sizing( border-box );
.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
margin-left: 0;
.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement:first-child {
margin-left: 0;
- > .oo-ui-buttonElement-button {
+ .oo-ui-labelElement-label {
color: @colorGray5;
+ font-weight: bold;
}
}
}
}
&-emptyFilters {
- color: #72777d;
+ color: @colorGray7;
}
&-cell-filters {