From caa247ec721e64cb933af81f1b1404cac7fdc15b Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Tue, 22 Jan 2019 17:45:45 +0000
Subject: [PATCH] update

---
 assets/scss/_mixins.scss             |  4 ++++
 components/BackgroundImageLoader.vue | 19 ++++++++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/assets/scss/_mixins.scss b/assets/scss/_mixins.scss
index 398ec71..2023780 100644
--- a/assets/scss/_mixins.scss
+++ b/assets/scss/_mixins.scss
@@ -8,3 +8,7 @@
   letter-spacing: 1px;
   font-weight: $weight;
 }
+
+@mixin font-cursive() {
+  font-family: 'Satisfy', cursive;
+}
diff --git a/components/BackgroundImageLoader.vue b/components/BackgroundImageLoader.vue
index 6e58273..b673649 100644
--- a/components/BackgroundImageLoader.vue
+++ b/components/BackgroundImageLoader.vue
@@ -115,25 +115,26 @@ export default {
 
 .background-default {
   $shadow-opacity: .6;
+  $shadow-color: $color__neutral-100;
   background:
     linear-gradient(
       to right,
-      rgba($color__neutral-100, $shadow-opacity),
-      rgba($color__neutral-100, 0) 20%,
-      rgba($color__neutral-100, 0) 80%,
-      rgba($color__neutral-100, $shadow-opacity)
+      rgba($shadow-color, $shadow-opacity),
+      rgba($shadow-color, 0) 20%,
+      rgba($shadow-color, 0) 80%,
+      rgba($shadow-color, $shadow-opacity)
     ),
     linear-gradient(
       to bottom,
-      rgba($color__neutral-100, $shadow-opacity),
-      rgba($color__neutral-100, 0) 20%,
-      rgba($color__neutral-100, 0) 80%,
-      rgba($color__neutral-100, $shadow-opacity)
+      rgba($shadow-color, $shadow-opacity),
+      rgba($shadow-color, 0) 20%,
+      rgba($shadow-color, 0) 80%,
+      rgba($shadow-color, $shadow-opacity)
     ),
     linear-gradient(
       to top,
       $color__neutral-100,
-      $color__primary-300
+      $color__neutral-300
   )
   ;
   overflow: hidden;