From 714273556f5278746a4022d0e87153ff431a61cf Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 11 Apr 2022 22:56:43 +0200 Subject: chore: add a Breadcrumb component --- src/components/molecules/nav/breadcrumb.module.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 src/components/molecules/nav/breadcrumb.module.scss (limited to 'src/components/molecules/nav/breadcrumb.module.scss') diff --git a/src/components/molecules/nav/breadcrumb.module.scss b/src/components/molecules/nav/breadcrumb.module.scss new file mode 100644 index 0000000..c26f60a --- /dev/null +++ b/src/components/molecules/nav/breadcrumb.module.scss @@ -0,0 +1,19 @@ +@use "@styles/abstracts/placeholders"; + +.list { + @extend %reset-ordered-list; + + display: flex; + flex-flow: row wrap; + align-items: center; + gap: var(--spacing-2xs); +} + +.item { + &:not(:last-of-type) { + &::after { + content: ">"; + margin-left: var(--spacing-2xs); + } + } +} -- cgit v1.2.3