Browse Source

style: Fix the style error when icon and text exist at the same time in BreadCrumb (#1570)

Co-authored-by: pointhalo <[email protected]>
YyumeiZhang 2 năm trước cách đây
mục cha
commit
b8a95944a6

+ 4 - 4
packages/semi-foundation/breadcrumb/breadcrumb.scss

@@ -82,14 +82,14 @@ $module: #{$prefix}-breadcrumb;
         }
         }
     }
     }
 
 
-    &-item-icon+&-item-title {
-        margin-left: $spacing-breadcrumb_item_text-marginLeft;
-    }
+    // &-item-icon+&-item-title {
+    //     margin-left: $spacing-breadcrumb_item_text-marginLeft;
+    // }
 
 
     &-item-link {
     &-item-link {
         display: inline-flex;
         display: inline-flex;
         align-items: center;
         align-items: center;
-        column-gap: 4px;
+        column-gap: $spacing-breadcrumb_item_text-marginLeft;
         text-decoration: inherit;
         text-decoration: inherit;
         transition: color $transition_duration-breadcrumb_link-text $transition-function_breadcrumb_link-text $transition_delay-breadcrumb_link-text;
         transition: color $transition_duration-breadcrumb_link-text $transition-function_breadcrumb_link-text $transition_delay-breadcrumb_link-text;
         transform: scale($transform_scale-breadcrumb_link-text);
         transform: scale($transform_scale-breadcrumb_link-text);