diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-21 14:29:19 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-21 14:29:19 +0100 |
| commit | a367f605b842ad0a71a63025da15ac62ed0364a5 (patch) | |
| tree | b15150fbe219d1905b98570ebafb5063d0ade1b1 /src/components/Breadcrumb/Breadcrumb.module.scss | |
| parent | 6092ad0c91e0dc268e5988174db87ded14e6c931 (diff) | |
chore: add a breadcrumb component
Diffstat (limited to 'src/components/Breadcrumb/Breadcrumb.module.scss')
| -rw-r--r-- | src/components/Breadcrumb/Breadcrumb.module.scss | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/components/Breadcrumb/Breadcrumb.module.scss b/src/components/Breadcrumb/Breadcrumb.module.scss new file mode 100644 index 0000000..bfba21f --- /dev/null +++ b/src/components/Breadcrumb/Breadcrumb.module.scss @@ -0,0 +1,21 @@ +@use "@styles/abstracts/placeholders"; + +.list { + @extend %reset-ordered-list; + + display: flex; + flex-flow: row wrap; + align-items: center; + gap: var(--spacing-2xs); + margin: 0 0 var(--spacing-md) 0; + font-size: var(--font-size-sm); +} + +.item { + &:not(:last-of-type) { + &::after { + content: ">"; + margin-left: var(--spacing-2xs); + } + } +} |