From 8182ce97dd30af8471ea5be27d7861cfac46311b Mon Sep 17 00:00:00 2001
From: Adrien Agez <adrien.agez@hotmail.fr>
Date: Fri, 4 Dec 2020 15:47:05 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84::=20make=20timers=20bigger?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                  | 2 +-
 src/components/Objective.vue | 4 ++++
 src/styles/main.sass         | 5 +++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c2d9df7..e6d6f64 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -28,7 +28,7 @@
     margin: 0
     height: 56px
     padding: 0 16px 0 24px
-    +blizzard-header-gradient
+    @include blizzard-header-gradient
     text-shadow: 0 0 1rem #009cff
     color: #fff
     span
diff --git a/src/components/Objective.vue b/src/components/Objective.vue
index 8bcfd49..3289c32 100644
--- a/src/components/Objective.vue
+++ b/src/components/Objective.vue
@@ -12,6 +12,7 @@
     <div>
       <Timer
         ref="timer"
+        class="objective-timer"
         :initialTime="objective.initialSpawnTime"
         />
     </div>
@@ -22,6 +23,9 @@
   .objective
     width: 100%
     text-align: center
+
+    &-timer
+      font-size: 2rem
 </style>
 
 <script>
diff --git a/src/styles/main.sass b/src/styles/main.sass
index e938fd0..c8dd54a 100644
--- a/src/styles/main.sass
+++ b/src/styles/main.sass
@@ -6,11 +6,12 @@
 // ############
 // ## Colors ##
 // ############
+
 $blizzard-background-color: #0A020F
 $blizzard-background-color-transparent: #0A020FCC
-$blizzard-font-color: #fff
+$blizzard-font-color: #6CF
 
-=blizzard-header-gradient
+@mixin blizzard-header-gradient
   background: #0d39a0 /* Old browsers */
   background: -moz-linear-gradient(left,  #0d39a0 0%, #2f099b 100%) /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  #0d39a0 0%,#2f099b 100%) /* Chrome10-25,Safari5.1-6 */