mediawiki-extensions-Echo/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
Volker E 33655c75e7 Follow overhauled color palette
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
2016-11-01 22:31:28 +00:00

35 lines
644 B
Plaintext

@import 'mediawiki.mixins';
@import '../echo.variables';
.mw-echo-ui-toggleReadCircleButtonWidget {
&-circle {
border-radius: 50%;
min-width: 10px;
width: @bundle-group-padding;
min-height: 10px;
height: @bundle-group-padding;
margin: @bundle-group-padding;
.box-sizing( border-box );
// Mark as read
background-color: #36c;
border: 0;
// Mark as unread
&-unread {
background-color: #eaecf0;
border: 1px solid @grey-light;
}
}
&:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
// Mark as read
background-color: #447ff5;
// Mark as unread
&-unread {
background-color: #c8ccd1;
}
}
}