From 0a8aee337e372d7587e45b717ab7623061d956ea Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
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/objects')
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