fix(SW-695): apply breadcrumb variant & smaller HomeIcon size

This commit is contained in:
Chuma McPhoy
2024-11-05 09:07:34 +01:00
parent c7b61196cb
commit 43b1c309ce
2 changed files with 9 additions and 1 deletions

View File

@@ -24,7 +24,7 @@ export default async function Breadcrumbs() {
href={homeBreadcrumb.href!} href={homeBreadcrumb.href!}
variant="breadcrumb" variant="breadcrumb"
> >
<HouseIcon color="peach80" /> <HouseIcon width={16} height={16} color="peach80" />
</Link> </Link>
<ChevronRightIcon aria-hidden="true" color="peach80" /> <ChevronRightIcon aria-hidden="true" color="peach80" />
</li> </li>

View File

@@ -21,6 +21,14 @@
line-height: var(--typography-Footnote-Bold-lineHeight); line-height: var(--typography-Footnote-Bold-lineHeight);
} }
.link.breadcrumb {
font-family: var(--typography-Footnote-Bold-fontFamily);
font-size: var(--typography-Footnote-Bold-fontSize);
font-weight: var(--typography-Footnote-Bold-fontWeight);
letter-spacing: var(--typography-Footnote-Bold-letterSpacing);
line-height: var(--typography-Footnote-Bold-lineHeight);
}
.icon { .icon {
align-items: center; align-items: center;
display: flex; display: flex;