border-radius: 0;
float: left;
- &:first-child{
+ &:first-child {
border-top-left-radius: @buttonBorderRadius;
border-bottom-left-radius: @buttonBorderRadius;
}
+ &:not(:first-child) {
+ border-left: none;
+ }
+
&:last-child{
border-top-right-radius: @buttonBorderRadius;
border-bottom-right-radius: @buttonBorderRadius;
}
}
- &:active {
+ &:active,
+ &.mw-ui-checked {
// lessphp doesn't implement shade (https://github.com/leafo/lessphp/issues/528);
// it passes it through, then ResourceLoader drops it.
// background: shade(@bgColor, 20%);
// make sure disabled buttons don't have hover and active states
&:hover,
- &:active {
+ &:active,
+ &.mw-ui-checked {
box-shadow: none;
}
}
color: mix(#fff, @textColor, 20%);
}
- &:active {
+ &:active,
+ &.mw-ui-checked {
// lessphp doesn't implement shade, see above
// color: shade(@textColor, 20%);
color: mix(#000, @textColor, 20%);