fix(component/breadcrumb): remove extra padding on 1st padding

adeo · Feb 20, 2024 · e85f687 · e85f687
1 parent c1fa7f4
commit e85f687
Showing 1 changed file with 17 additions and 25 deletions.
diff --git 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
+            ));
           }
         }
       }