From 08319c04637ae03de9b770fcf590bbb90784dce4 Mon Sep 17 00:00:00 2001 From: Marissa Huysentruyt Date: Thu, 8 Aug 2024 10:37:31 -0400 Subject: [PATCH] refactor(breadcrumb): align-items instead of align-self target the parent breadcrumb item, instead of individal children (like the action button or breadcrumb item link element) --- components/breadcrumb/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/breadcrumb/index.css b/components/breadcrumb/index.css index 62ace45894f..11e5a68e03b 100644 --- a/components/breadcrumb/index.css +++ b/components/breadcrumb/index.css @@ -176,6 +176,8 @@ display: inline-flex; white-space: nowrap; + align-items: center; + font-family: var(--mod-breadcrumbs-font-family, var(--spectrum-breadcrumbs-font-family)); font-size: var(--mod-breadcrumbs-font-size, var(--spectrum-breadcrumbs-font-size)); font-weight: var(--mod-breadcrumbs-font-weight, var(--spectrum-breadcrumbs-font-weight)); @@ -235,7 +237,6 @@ } > .spectrum-ActionButton { - align-self: center; margin-inline: var(--mod-breadcrumbs-action-button-spacing-inline, var(--spectrum-breadcrumbs-action-button-spacing-inline)); margin-block: var(--mod-breadcrumbs-action-button-spacing-block, var(--spectrum-breadcrumbs-action-button-spacing-block)); @@ -257,7 +258,6 @@ .spectrum-Breadcrumbs-itemLink { cursor: default; position: relative; - align-self: center; box-sizing: border-box;