Fix #214

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 * BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
 * Fix #220
+* Fix #214
 * Fix #210
 * Fix #206
 * Fix #122

sass/elements/button.sass

@@ -39,7 +39,9 @@
     &:last-child
       margin-left: 4px
       margin-right: -2px
-  &:hover
+  &:hover,
+  &:focus,
+  &.is-active
     color: $control-hover
   &:active
     box-shadow: inset 0 1px 2px rgba($black, 0.2)
@@ -52,7 +54,8 @@
       border-color: transparent
       color: $color-invert
       &:hover,
-      &:focus
+      &:focus,
+      &.is-active
         background: darken($color, 10%)
         border-color: transparent
         color: $color-invert

sass/utilities/controls.sass

@@ -18,7 +18,8 @@
   &:hover
     border-color: $control-hover-border
   &:active,
-  &:focus
+  &:focus,
+  &.is-active
     border-color: $control-active-border
     outline: none
   &[disabled],