From 8c0b3a72684b0bce52591aaa35b25dc821f487ac Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Wed, 18 May 2022 14:55:03 -0500
Subject: [PATCH] WIP breadcrumb style

See #52
---
 assets/css/bobastyle.css | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 41512ea..1716c58 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -791,20 +791,45 @@ li.disabled > .page-link:hover {
 
 /* Breadcrumb navigation */
 .breadcrumb {
-  margin: 30px 0 20px;
+  margin: 16px 0;
 }
 
 .breadcrumb ul {
   padding: 0;
   list-style: none;
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
 }
 
 .breadcrumb li {
   display: inline;
+  padding: 8px;
+  background-color: var(--background-1);
 }
 
-.breadcrumb li+li:before {
-  content: "»"
+.breadcrumb li:hover {
+  background-color: var(--background-2);
+  cursor: pointer;
+}
+
+.breadcrumb li a:hover {
+  text-decoration: none;
+}
+
+.breadcrumb li.active:hover {
+  cursor: default;
+}
+
+.breadcrumb li:first-child {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+  padding-left: 12px;
+}
+.breadcrumb li:last-child {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+  padding-right: 12px;
 }