update style on aria-current item and adjust margin on last item

microsoft · Dec 15, 2020 · 71c3e2b · 71c3e2b
1 parent 1ea9d47
commit 71c3e2b
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/web-components/src/breadcrumb-item/breadcrumb-item.styles.ts b/packages/web-components/src/breadcrumb-item/breadcrumb-item.styles.ts
@@ -74,14 +74,18 @@ export const BreadcrumbItemStyles = css`
         height: calc(var(--focus-outline-width) * 1px);
     }
 
-    :host(:not([href])) {
+    :host(:not([href])),
+    :host([aria-current]) .control  {
         font-weight: 600;
         color: ${neutralForegroundRestBehavior.var};
         fill: currentcolor;
-        margin-inline-start: 11px;
         cursor: default;
     }
 
+    :host([aria-current]) .control:hover .content::before {
+      background: ${neutralForegroundRestBehavior.var};
+  }
+
     .start {
         display: flex;
         margin-inline-end: 6px;