diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-11 13:31:07 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-11 13:31:07 +0200 |
| commit | 7e9433762f51be2c4938481c9c33589982118033 (patch) | |
| tree | 9cfc36a1d59ac3c926bfcb2e222449da14cfec5d /packages/client/src/components/BaseBreadcrumb.vue | |
| parent | 55ab996795efdb125437d5728b50d03ac5d2612d (diff) | |
Goodbye, Bootstrap & added a button component
Diffstat (limited to 'packages/client/src/components/BaseBreadcrumb.vue')
| -rw-r--r-- | packages/client/src/components/BaseBreadcrumb.vue | 25 |
1 files changed, 23 insertions, 2 deletions
diff --git a/packages/client/src/components/BaseBreadcrumb.vue b/packages/client/src/components/BaseBreadcrumb.vue index 91c0109..65dffd4 100644 --- a/packages/client/src/components/BaseBreadcrumb.vue +++ b/packages/client/src/components/BaseBreadcrumb.vue @@ -33,7 +33,28 @@ export default { <style lang="scss" scoped> @use "../scss/colors"; -@import "../scss/bootstrap"; -@import "~bootstrap/scss/breadcrumb"; +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0 0; + margin-bottom: 1rem; + list-style: none; + a { + color: colors.$text; + text-decoration: none; + } + .active { + color: #6c757d; + } + .breadcrumb-item { + padding-left: 0.5rem; + } + .breadcrumb-item + .active::before { + float: left; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; + } +} </style> |