From 46d177b47db33d172fbdead60abb4b5df96f1fde Mon Sep 17 00:00:00 2001 From: Darren Date: Thu, 14 Jul 2016 12:21:02 -0700 Subject: [PATCH] Button transition isn't configurable #8768 Signed-off-by: Darren --- scss/components/_button.scss | 6 +++++- scss/settings/_settings.scss | 1 + 2 files changed, 6 insertions(+), 1 deletion(-) 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 // ---------------- -- 2.47.2