From 251c076166f8937a578e607b087b97f548c92a43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristj=C3=A1n=20Eldj=C3=A1rn?= <kristjan@eldjarn.net>
Date: Fri, 29 Jul 2022 13:31:14 -0700
Subject: [PATCH] Made footer blend in with background in dark mode

---
 src/components/common/footer/footer.module.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index 7451ac5..d9ec722 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -15,7 +15,14 @@
   }
 
   &--section {
-    background-image: url('/images/laconic_newsletter_dark.png');
+    background-image: linear-gradient(
+        to bottom,
+        var(--color-black),
+        rgb(0 0 0 / 0) 25%,
+        rgb(0 0 0 / 0) 75%,
+        var(--color-black)
+      ),
+      url('/images/laconic_newsletter_dark.png');
     background-position: 50%;
     background-size: contain;
     display: flex;
@@ -24,6 +31,12 @@
     justify-content: center;
     height: calc(var(--vw) * 60);
 
+    &::before {
+      width: 100%;
+      height: 100%;
+      background-color: #f00;
+    }
+
     @include respond-to('mobile') {
       background-size: cover;
       width: 150%;