Added drop shadown for sticky scrolling, moved colors into dark and light variables

public/sass/_variables.dark.scss

@@ -240,6 +240,11 @@ $menu-dropdown-hover-bg:      $dark-2;
 $menu-dropdown-border-color:  $dark-3;
 $menu-dropdown-shadow: 5px 5px 20px -5px $black;
 
+// Breadcrumb
+// -------------------------
+$page-nav-bg: $black;
+$page-nav-shadow: 5px 5px 20px -5px $black;
+
 
 // Pagination
 // -------------------------

public/sass/_variables.light.scss

@@ -192,6 +192,11 @@ $menu-dropdown-hover-bg:      $gray-6;
 $menu-dropdown-border-color:  $tight-form-border;
 $menu-dropdown-shadow: 5px 5px 20px -5px $gray-4;
 
+// Breadcrumb
+// -------------------------
+$page-nav-bg: $white;
+$page-nav-shadow: 5px 5px 20px -5px $gray-4;
+
 // search
 $search-shadow: 0 5px 30px 0 $gray-4;
 

public/sass/layout/_page.scss

@@ -105,7 +105,6 @@
 }
 
 $breadcrumb-hover-hl: #111;
-$page-nav-bg: black;
 
 $page-breadcrumb__angle-1: 39px;
 $page-breadcrumb__angle-ul: 31px;
@@ -120,6 +119,8 @@ $page-breadcrumb__angle-a: 30px;
 
 .page-breadcrumb__item {
   background: $page-nav-bg;
+  box-shadow: $page-nav-shadow;
+
 
   > a {
     color: $text-color-weak;