From 789de0217d0c06c95097261b59aee8902bf19ed7 Mon Sep 17 00:00:00 2001
From: Ben Thomson <git@alfreido.com>
Date: Thu, 24 Sep 2020 16:52:59 +0800
Subject: [PATCH] Add styling for fancy breadcrumb based on Backend brand
 colors

---
 .../backend/models/brandsetting/custom.less   | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/modules/backend/models/brandsetting/custom.less b/modules/backend/models/brandsetting/custom.less
index c15fc93a1..729f58680 100644
--- a/modules/backend/models/brandsetting/custom.less
+++ b/modules/backend/models/brandsetting/custom.less
@@ -193,3 +193,31 @@ div.control-componentlist {
 .nav.selector-group li.active {
     border-left-color: @brand-secondary;
 }
+
+//
+// Fancy breadcrumb
+//
+body.breadcrumb-fancy .control-breadcrumb,
+.control-breadcrumb.breadcrumb-fancy {
+    background-color: mix(black, saturate(@brand-secondary, 20%), 16%);
+
+    li {
+        background-color: mix(black, saturate(@brand-secondary, 20%), 31%);
+
+        &:last-child {
+            background-color: mix(black, saturate(@brand-secondary, 20%), 16%);
+
+            &::before {
+                border-left-color: mix(black, saturate(@brand-secondary, 20%), 16%);
+            }
+        }
+
+        &::after {
+            border-left-color: mix(black, saturate(@brand-secondary, 20%), 31%);
+        }
+
+        &:not(:last-child)::before {
+            border-left-color: @brand-secondary;
+        }
+    }
+}