Fixes LMS-2352 by unifying :hover and :focus styles.

common/static/sass/_mixins-inherited.scss

@@ -133,12 +133,12 @@
     color: $gray-d1 !important;
     pointer-events: none;
     cursor: none;
-    &:hover {
+    &:hover, &:focus {
       box-shadow: 0 0 0 0 !important;
     }
   }
 
-  &:hover, &.active {
+  &:hover, &:focus, &:active {
     box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 1px rgba(0, 0, 0, .15);
   }
 }
@@ -152,7 +152,7 @@
   background-color: $green;
   color: $white;
 
-  &:hover {
+  &:hover, &:focus {
     background-color: $green-s1;
     color: $white;
   }
@@ -173,7 +173,7 @@
   background-color: $blue;
   color: $white;
 
-  &:hover, &.active {
+  &:hover, &:focus, &:active {
     background-color: $blue-s2;
     color: $white;
   }
@@ -194,7 +194,7 @@
   background-color: $red;
   color: $white;
 
-  &:hover, &.active {
+  &:hover, &:focus, &:active {
     background-color: $red-s1;
     color: $white;
   }
@@ -215,7 +215,7 @@
   background-color: $pink;
   color: $white;
 
-  &:hover, &.active {
+  &:hover, &:focus, &:active {
     background-color: $pink-s1;
     color: $white;
   }
@@ -237,7 +237,7 @@
   background-color: $orange;
   color: $gray-d2;
 
-  &:hover {
+  &:hover, &:focus {
     background-color: $orange-s2;
     color: $gray-d2;
   }
@@ -260,7 +260,7 @@
   color: rgb(92, 103, 122);
   text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
 
-  &:hover {
+  &:hover, &:focus {
     background-color: rgb(222, 236, 247);
     color: rgb(92, 103, 122);
   }
@@ -290,7 +290,7 @@
   background-color: $gray-d2;
   color: $gray-l3;
 
-  &:hover {
+  &:hover, &:focus {
     background-color: $gray-d3;
     color: $white;
   }
@@ -304,7 +304,7 @@
   box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
   color: $white;
 
-  &:hover {
+  &:hover, &:focus {
     background-color: $gray-d4;
     color: $white;
   }
@@ -373,7 +373,7 @@
     background: #edf1f5;
     font-size: 13px;
 
-    &:hover {
+    &:hover, &:focus {
       background: $blue-l5;
 
       .item-actions {

common/static/sass/_mixins.scss

@@ -180,14 +180,14 @@
   line-height: 1.5em;
   text-align: center;
 
-  &:hover, &:active {
+  &:hover, &:active, &:focus {
     box-shadow: 0 2px 1px $shadow-l1;
   }
 
   &.current, &.active {
     box-shadow: inset 1px 1px 2px $shadow-d1;
 
-    &:hover, &:active {
+    &:hover, &:active, &:focus {
       box-shadow: inset 1px 1px 1px $shadow-d1;
     }
   }
@@ -204,7 +204,7 @@
   line-height: 1.5em;
   text-align: center;
 
-  &:hover, &:active {
+  &:hover, &:active, &:focus {
 
   }
 
@@ -224,7 +224,7 @@
   background-color: $white;
   color: $blue-l2;
 
-  &:hover {
+  &:hover, &:focus {
     border: 1px solid $blue;
     background-color: $blue;
     color: $white;
@@ -249,7 +249,7 @@
   vertical-align: middle;
   color: $gray-l1;
 
-  &:hover {
+  &:hover, &:focus {
     background-color: $gray-l1;
     color: $white;
   }

common/static/sass/bourbon/addons/_button.scss

@@ -76,7 +76,7 @@
   text-shadow: 0 1px 0 $text-shadow;
   background-clip: padding-box;
 
-  &:hover:not(:disabled) {
+  &:hover:not(:disabled),&:focus:not(:disabled) {
     $base-color-hover:    adjust-color($base-color, $saturation: -4%, $lightness: -5%);
     $inset-shadow-hover:  adjust-color($base-color, $saturation: -7%, $lightness:  5%);
     $stop-gradient-hover: adjust-color($base-color, $saturation:  8%, $lightness: -14%);