From b3268f2447c97f02cb1b9d7a7c8be99c29c07d52 Mon Sep 17 00:00:00 2001
From: Josh Fogg <joshua.h.fogg@gmail.com>
Date: Tue, 7 Sep 2021 16:00:16 +0100
Subject: [PATCH] Added little dropshadow on SVGs

---
 _sass/initialize.scss | 5 ++++-
 _sass/layout.scss     | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/_sass/initialize.scss b/_sass/initialize.scss
index 9a339cc..2be201b 100644
--- a/_sass/initialize.scss
+++ b/_sass/initialize.scss
@@ -37,9 +37,12 @@ $text-color:            #3d3d3d !default;
 $background-color:      #9b9da3 !default;
 $page-color:            #fdfdfd !default;
 $nav-color:             $page-color !default;
-$base-shadow:           0 0.25em 0.25em rgba(0, 0, 0, 0.1) !default;
 $border-color:          $brand-color-light !default;
 
+// Shadows for elements and icons
+$base-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.1) !default;
+$base-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2)) !default;
+
 // Colors for link formatting
 $link-base-color:       #2a7ae2 !default;
 $link-visited-color:    darken($link-base-color, 15%) !default;
diff --git a/_sass/layout.scss b/_sass/layout.scss
index 3100eff..79c7616 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -31,6 +31,7 @@
       width: $nav-bar-height/2;
       height: $nav-bar-height/2;
       fill: $brand-color-dark;
+      filter: $base-drop-shadow;
     }
     margin: auto;
     display: inline-block;
@@ -92,9 +93,10 @@
   a {
     text-decoration: none;
     padding: $spacing-unit / 4;
-
+    
     svg {
       fill: $text-color;
+      filter: $base-drop-shadow;
       width: 16px;
       height: 16px;
     }