refactor: apply hover state on breadcrumb link only (#241)

facebookincubator · Apr 20, 2022 · 63c6410 · 63c6410
1 parent 42e716b
commit 63c6410
Showing 1 changed file with 2 additions and 7 deletions.
diff --git a/packages/core/styles/components/breadcrumb.pcss b/packages/core/styles/components/breadcrumb.pcss
@@ -46,17 +46,11 @@
     }
 
     &--active {
-      & .breadcrumbs__link {
+      & ^^&__link {
         background: var(--ifm-breadcrumb-item-background-active);
         color: var(--ifm-breadcrumb-color-active);
       }
     }
-
-    &:not(.breadcrumbs__item--active):hover {
-      & .breadcrumbs__link {
-        background: var(--ifm-breadcrumb-item-background-active);
-      }
-    }
   }
 
   &__link {
@@ -75,6 +69,7 @@
     @mixin transition background color;
 
     &:hover {
+      background: var(--ifm-breadcrumb-item-background-active);
       text-decoration: none;
     }
   }