From 108c6f2b4d90c0120d0e5ff528c19d054b5cedca Mon Sep 17 00:00:00 2001
From: Julia Miocene <jmiocene@gitlab.com>
Date: Sun, 14 Jul 2024 17:12:41 +0200
Subject: [PATCH] feat(GlBreadcrumb): Add animation

---
 src/components/base/breadcrumb/breadcrumb.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/base/breadcrumb/breadcrumb.scss b/src/components/base/breadcrumb/breadcrumb.scss
index baddfe1e8c..ffd1a3f2f9 100755
--- a/src/components/base/breadcrumb/breadcrumb.scss
+++ b/src/components/base/breadcrumb/breadcrumb.scss
@@ -28,12 +28,24 @@ $breadcrumb-max-width: $grid-size * 16;
   }
 
   > a {
+    @include gl-display-inline-block;
+    border-radius: $gl-border-radius-base;
     color: var(--gl-text-color-subtle);
+    text-decoration-thickness: auto;
+    text-decoration-style: solid;
+    text-decoration-color: transparent;
+    @include gl-prefers-reduced-motion-transition;
+    transition: box-shadow $gl-transition-duration-medium $gl-easing-out-cubic,
+                text-decoration-color $gl-transition-duration-medium $gl-easing-out-cubic;
+
+    &:hover {
+      text-decoration-color: currentColor;
+    }
 
     &:active,
     &:focus,
     &:focus:active {
-      @include gl-focus($outline: true);
+      @include gl-focus;
     }
   }
 }
-- 
GitLab