From: Darren <darren@odden.io>
Date: Thu, 14 Jul 2016 19:21:02 +0000 (-0700)
Subject: Button transition isn't configurable #8768
X-Git-Tag: v6.3-rc1~53^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=46d177b47db33d172fbdead60abb4b5df96f1fde;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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 8e6b741e0..51b29d256 100644
--- 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 c28cdfe3f..d230d2dae 100644
--- 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
 // ----------------