From b949f019cfcea603e8df6ec1a09c1802d57c5be5 Mon Sep 17 00:00:00 2001
From: Matt <matt@raintank.io>
Date: Tue, 15 Aug 2017 11:04:26 +0200
Subject: [PATCH] Added drop shadown for sticky scrolling, moved colors into
 dark and light variables

---
 public/sass/_variables.dark.scss  | 5 +++++
 public/sass/_variables.light.scss | 5 +++++
 public/sass/layout/_page.scss     | 3 ++-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/sass/_variables.dark.scss b/public/sass/_variables.dark.scss
index 9f9b508c141..97150d3c853 100644
--- a/public/sass/_variables.dark.scss
+++ b/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
 // -------------------------
diff --git a/public/sass/_variables.light.scss b/public/sass/_variables.light.scss
index 07d1c41f67b..c803639f8fc 100644
--- a/public/sass/_variables.light.scss
+++ b/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;
 
diff --git a/public/sass/layout/_page.scss b/public/sass/layout/_page.scss
index 90d29d55108..474cdd90174 100644
--- a/public/sass/layout/_page.scss
+++ b/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;