Fix #214

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 62c37fd81b42c9f342d3b8005e62011a42029cba..b05ed93231bf485ee62f985bf8ce1b4482861083 100644 (file)
--- a/CHANGELOG.md
+++ b/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

diff --git a/sass/elements/button.sass b/sass/elements/button.sass
index 367ad0eb4d9e1a6aba745e12f675258da803139f..5388648a0a87138bd182bcba8202acd833653a5a 100644 (file)
--- a/sass/elements/button.sass
+++ b/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

diff --git a/sass/utilities/controls.sass b/sass/utilities/controls.sass
index 9694ba168bdbb40643f4e1787b675ca966104277..8cf7016002325b5af373acf1fa0c9c67774b6531 100644 (file)
--- a/sass/utilities/controls.sass
+++ b/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],