diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-06 19:27:45 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-06 19:30:06 +0100 |
| commit | 722ec20bad64d8c69b173c163011d37ad0b55591 (patch) | |
| tree | 0470e54f758d9383fff3fdb4c9b685faa3bde6ae /src/components/Breadcrumb/Breadcrumb.module.scss | |
| parent | 1494985a636fe22417615648062f17bc82c35655 (diff) | |
chore: move Main grid to its children
This way I can use full width background for some blocks.
Diffstat (limited to 'src/components/Breadcrumb/Breadcrumb.module.scss')
| -rw-r--r-- | src/components/Breadcrumb/Breadcrumb.module.scss | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/src/components/Breadcrumb/Breadcrumb.module.scss b/src/components/Breadcrumb/Breadcrumb.module.scss index bfba21f..b469ee0 100644 --- a/src/components/Breadcrumb/Breadcrumb.module.scss +++ b/src/components/Breadcrumb/Breadcrumb.module.scss @@ -1,13 +1,26 @@ +@use "@styles/abstracts/functions" as fun; @use "@styles/abstracts/placeholders"; +.wrapper { + display: grid; + grid-template-columns: + minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch) + minmax(0, 1fr); + align-items: center; + padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) + var(--spacing-lg); + border-bottom: fun.convert-px(3) solid var(--color-border-lighter); +} + .list { @extend %reset-ordered-list; + grid-column: 2; display: flex; flex-flow: row wrap; align-items: center; gap: var(--spacing-2xs); - margin: 0 0 var(--spacing-md) 0; + margin: 0; font-size: var(--font-size-sm); } |