Button transition isn't configurable #8768

Signed-off-by: Darren <darren@odden.io>

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 8e6b741e0e9a48004034780305ce551bce620b6a..51b29d256eba798dbe534654b1d104e53d6de04b 100644 (file)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -56,6 +56,10 @@ $button-opacity-disabled: 0.25 !default;
   $button-margin: 0 0 $global-margin $global-margin !default;
 }
 
+/// transitions for buttons.
+/// @type List
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out !default;
+
 // TODO: Document button-base() mixin
 @mixin button-base {
   @include disable-mouse-outline;
@@ -64,7 +68,7 @@ $button-opacity-disabled: 0.25 !default;
   line-height: 1;
   cursor: pointer;
   -webkit-appearance: none;
-  transition: background-color 0.25s ease-out, color 0.25s ease-out;
+  transition: $button-transition;
   vertical-align: middle;
   border: 1px solid transparent;
   border-radius: $button-radius;

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index c28cdfe3f3058f207a2249c484dc319e14161e03..d230d2dae2c547847fba052c1b8b9730a5ceb92f 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -248,6 +248,7 @@ $button-sizes: (
   large: 1.25rem,
 );
 $button-opacity-disabled: 0.25;
+$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;
 
 // 12. Button Group
 // ----------------