put button active bg and border in the mixin params for more customization options

diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index 1e01de867d7efa8b3ea5493ad1d3464d191f239c..ad397449fc8fa5029d599e041394e8dea7e214c8 100644 (file)
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -3,10 +3,7 @@
 // Easily pump out default styles, as well as :hover, :focus, :active,
 // and disabled options for all buttons
 
-@mixin button-variant($background, $border) {
-  $active-background: darken($background, 7.5%);
-  $active-border: darken($border, 10%);
-
+@mixin button-variant($background, $border, $active-background: darken($background, 7.5%), $active-border: darken($border, 10%)) {
   @include color-yiq($background);
   background-color: $background;
   border-color: $border;