mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-12-11 07:26:29 +00:00
33655c75e7
Replacing colors with ones from the overhauled WCAG 2.0 level AA compliant color palette https://phabricator.wikimedia.org/M82 Applying Less variables where possible for better flexibility in future design maintenance. Also introducing some variables from WikimediaUI Base. Bug: T147365 Depends-on: I16bdfbdada252ee27d5a0de11e0930347315b699 Change-Id: Ic05ed15b44d86752c686d80efc4f2ed2a1e71b41
54 lines
1,002 B
Plaintext
54 lines
1,002 B
Plaintext
@import 'mediawiki.mixins';
|
|
@import '../echo.variables';
|
|
|
|
.mw-echo-ui-pageNotificationsOptionWidget {
|
|
clear: both;
|
|
width: 100%;
|
|
.box-sizing( border-box );
|
|
|
|
&.oo-ui-optionWidget {
|
|
.transition( ~'background-color 100ms, color 100ms' );
|
|
|
|
&-highlighted {
|
|
background-color: #eaecf0;
|
|
color: @color-base-active;
|
|
}
|
|
|
|
&-selected {
|
|
background-color: @background-color-primary;
|
|
color: @color-primary;
|
|
}
|
|
|
|
&-selected&-highlighted,
|
|
&-pressed&-highlighted {
|
|
background-color: rgba( 41, 98, 204, 0.1 );
|
|
color: @color-primary;
|
|
}
|
|
}
|
|
|
|
&-icon {
|
|
float: left;
|
|
.oo-ui-iconElement-icon {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
&-title {
|
|
padding: 0.2em 0;
|
|
}
|
|
|
|
&-count {
|
|
background-color: #eaecf0;
|
|
color: @grey-medium;
|
|
float: right;
|
|
padding: 0.2em 0.5em;
|
|
margin-left: 0.5em;
|
|
border-radius: 2px;
|
|
|
|
.oo-ui-optionWidget-selected & {
|
|
background: none; // `background-color: transparent` would be the goto value, but IE 8-9 introduces a bug
|
|
color: @color-primary;
|
|
}
|
|
}
|
|
}
|