Added little dropshadow on SVGs

Foggalong · Sep 7, 2021 · b3268f2 · b3268f2
1 parent 6000b57
commit b3268f2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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;
     }