From e85f687687c8b38552f019ba9333e5785f31cb17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A9sor=20ILOYI?= <tresor.iloyi@gmail.com>
Date: Mon, 19 Feb 2024 15:35:03 +0100
Subject: [PATCH] fix(component/breadcrumb): remove extra padding on 1st
 padding

---
 packages/styles/components/_c.breadcrumb.scss | 42 ++++++++-----------
 1 file changed, 17 insertions(+), 25 deletions(-)

diff --git a/packages/styles/components/_c.breadcrumb.scss b/packages/styles/components/_c.breadcrumb.scss
index 5b512b646..144dc2de6 100644
--- a/packages/styles/components/_c.breadcrumb.scss
+++ b/packages/styles/components/_c.breadcrumb.scss
@@ -62,28 +62,22 @@
       flex-shrink: 0;
     }
 
-    &.is-active,
-    &:only-child,
     &:not(:first-child) {
+      background-image: url(inline-icons(
+        "arrow-right-16",
+        $color-breadcrumb-arrow
+      ));
       padding-left: $mu150;
     }
 
-    &:not(:first-child) {
-      background-image: url(
-        inline-icons(
-          "arrow-right-16",
-          $color-breadcrumb-arrow
-        ));
-    }
-
     &.is-active,
     &:only-child {
       @media screen and (max-width: ($screen-l - 1)) {
-        background-image: url(
-          inline-icons(
-            "arrow-left-16",
-            $color-breadcrumb-arrow
-          ));
+        background-image: url(inline-icons(
+          "arrow-left-16",
+          $color-breadcrumb-arrow
+        ));
+        padding-left: $mu150;
       }
     }
   }
@@ -111,21 +105,19 @@
     #{$parent} {
       &__item {
         &:not(:first-child) {
-          background-image: url(
-            inline-icons(
-              "arrow-right-16",
-              $color-breadcrumb-arrow-invert
-            ));
+          background-image: url(inline-icons(
+            "arrow-right-16",
+            $color-breadcrumb-arrow-invert
+          ));
         }
 
         &.is-active,
         &:only-child {
           @media screen and (max-width: ($screen-l - 1)) {
-            background-image: url(
-              inline-icons(
-                "arrow-left-16",
-                $color-breadcrumb-arrow-invert
-              ));
+            background-image: url(inline-icons(
+              "arrow-left-16",
+              $color-breadcrumb-arrow-invert
+            ));
           }
         }
       }