From c92c0af3961917f7828c5540fd8aaa40b8098f07 Mon Sep 17 00:00:00 2001 From: Ben Wheeler Date: Wed, 4 Sep 2019 12:06:59 -0400 Subject: [PATCH] more subtle Next hover state --- src/_colors.scss | 2 +- src/components/join-flow/next-step-button.scss | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/_colors.scss b/src/_colors.scss index 0246a43a1..03ffef6f4 100644 --- a/src/_colors.scss +++ b/src/_colors.scss @@ -8,7 +8,7 @@ $ui-orange: hsla(38, 100, 55, 1); // #FFAB19 Control Primary $ui-orange-high-contrast: hsla(30, 100, 55, 1); // #FFAB19 Control Primary $ui-orange-10percent: hsla(35, 90, 55, .1); $ui-orange-25percent: hsla(35, 90, 55, .25); -$ui-orange-75percent: hsla(38, 100, 55, .75); +$ui-orange-90percent: hsla(38, 100, 55, .9); $ui-dark-orange: hsla(30, 100, 55, 1); // ##FF8C1A Variables Primary diff --git a/src/components/join-flow/next-step-button.scss b/src/components/join-flow/next-step-button.scss index 965b6f9a3..0b4bfc7ad 100644 --- a/src/components/join-flow/next-step-button.scss +++ b/src/components/join-flow/next-step-button.scss @@ -11,7 +11,8 @@ background-color: $ui-orange; &:hover { - background-color: $ui-orange-75percent; + transition: background-color .25s ease; + background-color: $ui-orange-90percent; } }