Make button hover, focus, and active styles consistent (#360)

Author: thatbudakguy

sitemedia/semantic/src/site/elements/button.overrides

@@ -35,6 +35,16 @@
                 box-shadow: none !important;
             }
         }
+
+        &.active:hover {
+            background: @basicActiveBackground;
+            color: @basicActiveTextColor;
+        }
+    }
+
+    &.active:hover {
+        background: @activeBackgroundColor;
+        color: @activeColor;
     }
 
     &.disabled {

sitemedia/semantic/src/site/elements/button.variables

@@ -30,8 +30,8 @@
 @hoverColor: @invertedTextColor;
 
 /* Focused */
-@focusBackgroundColor: @primaryColor;
-@focusColor: @invertedTextColor;
+@focusBackgroundColor: @backgroundColor;
+@focusColor: @textColor;
 @focusOutline: 2px dashed black;
 
 /* Pressed Down */
@@ -57,3 +57,6 @@
 @basicActiveBackground: @primaryColor;
 @basicActiveTextColor: @invertedTextColor;
 
+/* Basic Focus */
+@basicFocusBackground: @basicBackground;
+@basicFocusTextColor: @basicTextColor;