#2635 Fixes issue with inverted active state not being defined, adds …

…inverted focus state
fomantic · Aug 14, 2015 · 783b08c · 783b08c
1 parent dbe0c8d
commit 783b08c
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less
@@ -352,17 +352,30 @@
 }
 
 /* States */
+
+/* Hover */
 .ui.inverted.button:hover {
   background: @white;
   box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
   color: @hoverColor;
 }
-.ui.inverted.button:focus {
+
+/* Active / Focus */
+.ui.inverted.button:focus,
+.ui.inverted.button.active {
   background: @white;
   box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
   color: @focusColor;
 }
 
+/* Active Focus */
+.ui.inverted.button.active:focus {
+  background: @midWhite;
+  box-shadow: 0px 0px 0px @invertedBorderSize @midWhite inset !important;
+  color: @focusColor;
+}
+
+
 /*-------------------
     Labeled Button
 --------------------*/