From 1317e363abc5d2ebd802a0c49bed12c73b7eb526 Mon Sep 17 00:00:00 2001
From: Alona Zherdetska <alionazhv@gmail.com>
Date: Mon, 9 Dec 2024 13:58:12 +0100
Subject: [PATCH] fix(styles): removed duplicate post-icon

---
 .../post-breadcrumb/post-breadcrumb.scss      | 46 ++++++-------------
 1 file changed, 15 insertions(+), 31 deletions(-)

diff --git a/packages/components/src/components/post-breadcrumb/post-breadcrumb.scss b/packages/components/src/components/post-breadcrumb/post-breadcrumb.scss
index a328eb2279..87ae5d0556 100644
--- a/packages/components/src/components/post-breadcrumb/post-breadcrumb.scss
+++ b/packages/components/src/components/post-breadcrumb/post-breadcrumb.scss
@@ -36,6 +36,19 @@ tokens.$default-map: components.$post-breadcrumb;
     align-items: center;
     height: 100%;
     gap: tokens.get('breadcrumb-gap-inline-outer');
+        
+    post-icon {
+      display: inline-block;
+      box-sizing: border-box;
+      color: tokens.get('breadcrumb-enabled-fg');
+      height: tokens.get('breadcrum-icon-size');
+      width: tokens.get('breadcrum-icon-size');
+    }
+
+    .breadcrumb-item-icon {
+      padding-block: tokens.get('breadcrumb-padding-block-icon-link');
+      padding-inline: tokens.get('breadcrumb-padding-inline-icon-link');
+    }
 
     li {
       a {
@@ -46,14 +59,8 @@ tokens.$default-map: components.$post-breadcrumb;
         &:focus {
           border-radius: tokens.get('focus-border-radius', helpers.$post-focus);
         }
-      }
       
-      post-icon {
-        display: inline-block;
-        box-sizing: border-box;
-        height: tokens.get('breadcrum-icon-size');
-        width: tokens.get('breadcrum-icon-size');
-        color: tokens.get('breadcrumb-enabled-fg');
+      .home-icon {
         padding-block: tokens.get('breadcrumb-padding-block-icon-home');
         padding-inline: tokens.get('breadcrumb-padding-inline-icon-home');
 
@@ -68,6 +75,7 @@ tokens.$default-map: components.$post-breadcrumb;
             color: CanvasText !important;
           }
         }
+        }
       }
     }
     .menu-trigger-wrapper {
@@ -75,14 +83,6 @@ tokens.$default-map: components.$post-breadcrumb;
       align-items: center;
       gap: tokens.get('breadcrumb-gap-inline-inner');
     
-      post-icon {
-        box-sizing: border-box;
-        height: tokens.get('breadcrum-icon-size');
-        width: tokens.get('breadcrum-icon-size');
-        padding-block: tokens.get('breadcrumb-padding-block-icon-link');
-        padding-inline: tokens.get('breadcrumb-padding-inline-icon-link');
-      }
-    
       .actual-menu {
         display: flex;
         align-items: center;
@@ -156,14 +156,6 @@ tokens.$default-map: components.$post-breadcrumb;
             }
           }
         
-          post-icon {
-            height: tokens.get('breadcrum-icon-size');
-            width: tokens.get('breadcrum-icon-size');
-            box-sizing: border-box;
-            padding-block: tokens.get('breadcrumb-padding-block-icon-link');
-            padding-inline: tokens.get('breadcrumb-padding-inline-icon-link');
-          }
-        
           span {
             &:hover {
               color: tokens.get('breadcrumb-hover-fg');
@@ -175,14 +167,6 @@ tokens.$default-map: components.$post-breadcrumb;
             }
           }
         
-          post-icon {
-            box-sizing: border-box;
-            height: tokens.get('breadcrum-icon-size');
-            width: tokens.get('breadcrum-icon-size');
-            padding-block: tokens.get('breadcrumb-padding-block-icon-link');
-            padding-inline: tokens.get('breadcrumb-padding-inline-icon-link');
-          }
-        
           @include utilities.high-contrast-mode() {
             a,
             &:focus,