From 67d5ada59445f1ae8ceb695e7b44564289cb0746 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 1 Feb 2022 05:29:03 -0800
Subject: [PATCH] Add variables for the hover scale effects

---
 components/CharacterUnit/index.scss | 2 +-
 components/SummonUnit/index.scss    | 4 ++--
 components/WeaponUnit/index.scss    | 4 ++--
 styles/variables.scss               | 6 +++++-
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/components/CharacterUnit/index.scss b/components/CharacterUnit/index.scss
index 4cab997f..2d104efc 100644
--- a/components/CharacterUnit/index.scss
+++ b/components/CharacterUnit/index.scss
@@ -22,7 +22,7 @@
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 14px;
     cursor: pointer;
-    transform: scale(1.025, 1.025);
+    transform: $scale-tall;
 }
 
 .CharacterUnit.filled h3 {
diff --git a/components/SummonUnit/index.scss b/components/SummonUnit/index.scss
index d7e87d3a..1f1492be 100644
--- a/components/SummonUnit/index.scss
+++ b/components/SummonUnit/index.scss
@@ -33,12 +33,12 @@
         border: 1px solid rgba(0, 0, 0, 0.1);
         box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 14px;
         cursor: pointer;
-        transform: scale(1.05, 1.05);
+        transform: $scale-wide;
     }
 
     &.main.editable .SummonImage:hover,
     &.friend.editable .SummonImage:hover {
-        transform: scale(1.025, 1.025);
+        transform: $scale-tall;
     }
 
     &.filled h3 {
diff --git a/components/WeaponUnit/index.scss b/components/WeaponUnit/index.scss
index 34c5ae00..0b3fc9d4 100644
--- a/components/WeaponUnit/index.scss
+++ b/components/WeaponUnit/index.scss
@@ -20,11 +20,11 @@
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 14px;
     cursor: pointer;
-    transform: scale(1.05, 1.05);
+    transform: $scale-wide;
 }
 
 .WeaponUnit.mainhand.editable .WeaponImage:hover {
-    transform: scale(1.025, 1.025);
+    transform: $scale-tall;
 }
 
 .WeaponUnit.filled h3 {
diff --git a/styles/variables.scss b/styles/variables.scss
index b5caf4c7..cb23afef 100644
--- a/styles/variables.scss
+++ b/styles/variables.scss
@@ -26,4 +26,8 @@ $bold: 600;
 $font-small:    12px;
 $font-regular:  14px;
 $font-large:    18px;
-$font-xlarge:   21px;
\ No newline at end of file
+$font-xlarge:   21px;
+
+// Scale factors
+$scale-wide: scale(1.05, 1.05);
+$scale-tall: scale(1.012, 1.012);
\ No newline at end of file