From f4f08ee2fe68ea314f62dfa27cb7d9ba875a40e0 Mon Sep 17 00:00:00 2001
From: Sage Abdullah <sage.abdullah@torchbox.com>
Date: Tue, 12 Dec 2023 15:03:36 +0000
Subject: [PATCH] Move breadcrumbs styling in _listing.scss to its own
 _breadcrumbs.scss file

---
 client/scss/components/_breadcrumbs.scss | 15 +++++++++++++++
 client/scss/components/_listing.scss     | 16 ----------------
 client/scss/core.scss                    |  1 +
 3 files changed, 16 insertions(+), 16 deletions(-)
 create mode 100644 client/scss/components/_breadcrumbs.scss

diff --git a/client/scss/components/_breadcrumbs.scss b/client/scss/components/_breadcrumbs.scss
new file mode 100644
index 0000000000..4b5ab9c7f4
--- /dev/null
+++ b/client/scss/components/_breadcrumbs.scss
@@ -0,0 +1,15 @@
+.page-explorer .w-breadcrumbs {
+  @apply sm:w-py-2.5;
+
+  li[hidden] ~ li:last-child,
+  li:only-child {
+    a {
+      font-size: theme('fontSize.18');
+      font-weight: theme('fontWeight.extrabold');
+
+      @include media-breakpoint-up(md) {
+        font-size: theme('fontSize.22');
+      }
+    }
+  }
+}
diff --git a/client/scss/components/_listing.scss b/client/scss/components/_listing.scss
index cf31a55254..2e6bf538e2 100644
--- a/client/scss/components/_listing.scss
+++ b/client/scss/components/_listing.scss
@@ -413,22 +413,6 @@ table.listing {
   }
 }
 
-.page-explorer .w-breadcrumbs {
-  @apply sm:w-py-2.5;
-
-  li[hidden] ~ li:last-child,
-  li:only-child {
-    a {
-      font-size: theme('fontSize.18');
-      font-weight: theme('fontWeight.extrabold');
-
-      @include media-breakpoint-up(md) {
-        font-size: theme('fontSize.22');
-      }
-    }
-  }
-}
-
 .page-explorer .listing {
   position: relative;
 
diff --git a/client/scss/core.scss b/client/scss/core.scss
index 0a06d57a82..dec898ffee 100644
--- a/client/scss/core.scss
+++ b/client/scss/core.scss
@@ -163,6 +163,7 @@ These are classes for components.
 @import 'components/preview-error';
 @import 'components/form-side';
 @import 'components/userbar';
+@import 'components/breadcrumbs';
 
 @import '../src/components/Sidebar/Sidebar';
 @import '../src/components/Minimap/Minimap';