From 122d0771c4d9a77500b30e876e7180d65603409d Mon Sep 17 00:00:00 2001
From: isqua <isqua@users.noreply.github.com>
Date: Mon, 29 Jan 2024 17:45:15 +0300
Subject: [PATCH] refactor(Breadcrumbs)!: use gap property for gaps between
 breadcrumbs items instead of paddings (#1185)

Co-authored-by: Mr.Dr.Professor Patrick <alaev89@yandex-team.ru>
---
 src/components/Breadcrumbs/Breadcrumbs.scss | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/components/Breadcrumbs/Breadcrumbs.scss b/src/components/Breadcrumbs/Breadcrumbs.scss
index b4eeff13fe..e5e1e52092 100644
--- a/src/components/Breadcrumbs/Breadcrumbs.scss
+++ b/src/components/Breadcrumbs/Breadcrumbs.scss
@@ -9,11 +9,11 @@ $block: '.#{variables.$ns}breadcrumbs';
         width: 100%;
         min-height: 24px;
         overflow: hidden;
+        gap: 4px;
     }
 
     &__item {
         flex-shrink: 1;
-        padding: 4px 8px;
         display: inline-block;
         overflow: hidden;
         white-space: nowrap;
@@ -21,14 +21,7 @@ $block: '.#{variables.$ns}breadcrumbs';
 
         &:focus-visible {
             outline: 2px solid var(--g-color-line-focus);
-            outline-offset: -4px; // due to padding
-            border-radius: calc(
-                var(--g-focus-border-radius) + 4px
-            ); // +4px as outline-offset is -4px
-        }
-
-        &_current {
-            padding: 0 8px;
+            border-radius: var(--g-focus-border-radius);
         }
 
         &_more {