From aa0e19daf03509b6aa598c19f5e83c50b03604a8 Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Thu, 24 Sep 2020 08:23:06 -0600
Subject: [PATCH] Make the hover transition a variable

---
 res/css/_common.scss                       | 2 ++
 res/css/views/settings/_AvatarSetting.scss | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/res/css/_common.scss b/res/css/_common.scss
index a22d77f3d3..aafd6e5297 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -18,6 +18,8 @@ limitations under the License.
 
 @import "./_font-sizes.scss";
 
+$hover-transition: 0.08s cubic-bezier(.46, .03, .52, .96); // quadratic
+
 :root {
     font-size: 10px;
 }
diff --git a/res/css/views/settings/_AvatarSetting.scss b/res/css/views/settings/_AvatarSetting.scss
index 3576b09888..52a0ee95d7 100644
--- a/res/css/views/settings/_AvatarSetting.scss
+++ b/res/css/views/settings/_AvatarSetting.scss
@@ -21,7 +21,7 @@ limitations under the License.
     position: relative;
 
     .mx_AvatarSetting_hover {
-        transition: opacity 0.08s cubic-bezier(.46, .03, .52, .96); // quadratic
+        transition: opacity $hover-transition;
 
         // position to place the hover bg over the entire thing
         position: absolute;