&:focus {
box-shadow:inset 0px 0px 0px 3px rgba(0, 0, 0, 20%);
+// box-shadow: 0 1px rgba(0, 0, 0, 10%), inset 0 -3px rgba(0, 0, 0, 20%);
outline: none;
-
// remove outline in Firefox
&::-moz-focus-inner {
border-color: transparent;
// constructive/progressive/destructive color on hover and active.
color: @colorButtonText;
- &:hover {
+ &:hover,
+ &:focus {
// lessphp doesn't implement tint, see above
// color: tint(@textColor, 20%);
color: mix(#fff, @textColor, 20%);
}
- &:focus {
- box-shadow:inset 0px 0px 0px 3px rgba(0, 0, 0, 20%);
- outline: none;
-
- // remove outline in Firefox
- &::-moz-focus-inner {
- border-color: transparent;
- }
-
- }
-
&:active,
&.mw-ui-checked {
// lessphp doesn't implement shade, see above