From 0a8aee337e372d7587e45b717ab7623061d956ea Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 17 Nov 2024 16:13:32 +0100 Subject: Navbar --- src/objects/_navbar.scss | 13 +++++++++---- src/objects/_navbar.vars.scss | 2 +- 2 files changed, 10 insertions(+), 5 deletions(-) (limited to 'src') diff --git a/src/objects/_navbar.scss b/src/objects/_navbar.scss index 16cf804..5962654 100644 --- a/src/objects/_navbar.scss +++ b/src/objects/_navbar.scss @@ -15,10 +15,6 @@ display: flex; block-size: props.get(vars.$block-size); - @include bem.modifier('adapt') { - block-size: 100%; - } - @include bem.elem('item-label') { position: relative; padding-block: props.get(vars.$item--pad-b); @@ -123,6 +119,15 @@ } } + @include bem.modifier('adapt') { + gap: props.get(vars.$spacing); + block-size: 100%; + + @include bem.elem('item') { + padding-inline: 0; + } + } + @include bem.modifier('quiet') { @include bem.elem('item') { @include bem.is('selected') { diff --git a/src/objects/_navbar.vars.scss b/src/objects/_navbar.vars.scss index dfd683a..fbea47a 100644 --- a/src/objects/_navbar.vars.scss +++ b/src/objects/_navbar.vars.scss @@ -4,7 +4,7 @@ @use '../core.vars' as core; $block-size: props.def(--o-navbar--block-size, props.get(core.$size--700)) !default; -$spacing: props.def(--o-tabs--spacing, props.get(core.$size--400)) !default; +$spacing: props.def(--o-tabs--spacing, props.get(core.$size--200)) !default; $item--pad-i: props.def(--o-navbar--item--pad-i, props.get(core.$size--175)) !default; $item--pad-b: props.def(--o-navbar--item--pad-b, props.get(core.$size--40)) !default; -- cgit v1.2.3-70-g09d2