From dd8b3a53494a0f7172a80bb6f6a3da140adeb208 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sun, 14 Jun 2020 12:20:19 +0200
Subject: [PATCH] improve breadcrumb colors

---
 breadcrumb.scss | 7 ++++---
 styles.css      | 9 +++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/breadcrumb.scss b/breadcrumb.scss
index da5f80f..04a5f63 100644
--- a/breadcrumb.scss
+++ b/breadcrumb.scss
@@ -5,7 +5,9 @@
 
     li {
         background: #fff;
-        border: 1px solid var(--box-border);
+        border-left: 1px solid var(--box-border);
+        border-top: 1px solid var(--box-border);
+        border-bottom: 1px solid var(--box-border);
         padding: 10px 10px 10px 20px;
         position: relative;
         display: block;
@@ -27,7 +29,7 @@
         }
 
         &:after {
-            z-index: 2;
+            z-index: 1;
         }
 
         &:before {
@@ -56,7 +58,6 @@
 
     .active, li:hover {
         color: var(--text-on-background-color-2);
-        border-right: none;
     }
 
     li:hover {
diff --git a/styles.css b/styles.css
index 6b76cd5..2a913fd 100644
--- a/styles.css
+++ b/styles.css
@@ -3888,7 +3888,9 @@ blockquote {
   font-size: 1rem; }
   .crumbs-1 li, .crumbs-2 li {
     background: #fff;
-    border: 1px solid var(--box-border);
+    border-left: 1px solid var(--box-border);
+    border-top: 1px solid var(--box-border);
+    border-bottom: 1px solid var(--box-border);
     padding: 10px 10px 10px 20px;
     position: relative;
     display: block;
@@ -3907,7 +3909,7 @@ blockquote {
       margin-top: -20px;
       left: 100%; }
     .crumbs-1 li:after, .crumbs-2 li:after {
-      z-index: 2; }
+      z-index: 1; }
     .crumbs-1 li:before, .crumbs-2 li:before {
       border-left-color: var(--box-border);
       margin-left: 1px;
@@ -3922,8 +3924,7 @@ blockquote {
     cursor: default;
     background: var(--button-colored-background); }
   .crumbs-1 .active, .crumbs-1 li:hover, .crumbs-2 .active, .crumbs-2 li:hover {
-    color: var(--text-on-background-color-2);
-    border-right: none; }
+    color: var(--text-on-background-color-2); }
   .crumbs-1 li:hover, .crumbs-2 li:hover {
     background: var(--button-colored-background-hover); }