breadcrumb styling

posit-dev · Mar 1, 2024 · 0586750 · 0586750
1 parent 9265fc4
commit 0586750
Showing 1 changed file with 33 additions and 2 deletions.
diff --git a/quarto-style.scss b/quarto-style.scss
@@ -299,19 +299,50 @@ div.callout-important.callout-style-default .callout-header {
   text-decoration: underline;
 }
 
+
 // sidebar styling
 // sidebar icon placement
 
 .sidebar-subtitle + strong  {
   margin-left: 7px;
 }
 @media only screen and (max-width:991px) {
-  .menu-text img, .breadcrumb-item img {
+  .menu-text img {
     display: none;
   }
 }
 
-/* img width for safari bug */
+/*breadcrumb styling */
+
+.breadcrumb-item img {
+  display: none;
+}
+.breadcrumb-item a, .breadcrumb-item .sidebar-subtitle+strong {
+  margin-left: 0px;
+  font-weight: 500;
+  color: $gray-700;
+  font-size: .85rem;
+}
+li.breadcrumb-item a:hover {
+  border-bottom: 1px solid $gray-600 !important;
+}
+.quarto-page-breadcrumbs .breadcrumb-item::before {
+  padding-right: 0.45em;
+  padding-left: .175em;
+  font-weight: 500;
+  color: $gray-700;
+}
+.quarto-title-breadcrumbs .breadcrumb {
+  margin-bottom: .25em;
+}
+.quarto-title-breadcrumbs .breadcrumb li:last-of-type a {
+  color: $gray-700;
+  font-weight: 500;
+  font-size: .85rem;
+}
+
+
+/* img width for safari bug */ 
 .sidebar-link img {
   max-width: 19px;
 }