Navbar

2 files changed, 10 insertions, 5 deletions

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;