From f7e8b7584b88fbd8f5b423d7f688d8ea7fe60f28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Sat, 2 Oct 2021 16:22:12 +0300
Subject: [PATCH] Breadcrumbs

---
 src/assets/styles/common-breadcrumbs.scss | 41 +++++++++++++++++++++++
 src/assets/styles/common-styles.scss      |  1 +
 2 files changed, 42 insertions(+)
 create mode 100644 src/assets/styles/common-breadcrumbs.scss

diff --git a/src/assets/styles/common-breadcrumbs.scss b/src/assets/styles/common-breadcrumbs.scss
new file mode 100644
index 0000000..54ebbac
--- /dev/null
+++ b/src/assets/styles/common-breadcrumbs.scss
@@ -0,0 +1,41 @@
+@use 'common-mixins';
+
+.breadcrumbs-container {
+    display: flex;
+    align-items: center;
+
+    > *:not(:last-child) {
+        margin-right: 6px;
+    }
+
+    mat-icon {
+        width: 16px;
+        min-width: 16px;
+    }
+}
+
+.breadcrumb {
+    text-decoration: none;
+    color: var(--iqser-accent);
+    font-weight: 600;
+    width: fit-content;
+    white-space: nowrap;
+
+    &.back {
+        display: flex !important;
+        justify-content: center;
+        align-items: center;
+
+        mat-icon {
+            margin-right: 8px;
+        }
+    }
+
+    &:last-child {
+        @include common-mixins.line-clamp(1);
+    }
+
+    &.active {
+        color: var(--iqser-primary);
+    }
+}
diff --git a/src/assets/styles/common-styles.scss b/src/assets/styles/common-styles.scss
index b7bab25..3430b3c 100644
--- a/src/assets/styles/common-styles.scss
+++ b/src/assets/styles/common-styles.scss
@@ -8,3 +8,4 @@
 @use 'common-components';
 @use 'common-menu';
 @use 'common-base-screen';
+@use 'common-breadcrumbs';