💄:: make timers bigger

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

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>

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 */