summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/objects/_navbar.scss8
1 files changed, 5 insertions, 3 deletions
diff --git a/src/objects/_navbar.scss b/src/objects/_navbar.scss
index d245e2e..59d4c51 100644
--- a/src/objects/_navbar.scss
+++ b/src/objects/_navbar.scss
@@ -25,14 +25,16 @@
25 padding-inline: props.get(vars.$item--pad-i); 25 padding-inline: props.get(vars.$item--pad-i);
26 font-size: props.get(vars.$item--font-size); 26 font-size: props.get(vars.$item--font-size);
27 color: currentColor; 27 color: currentColor;
28 white-space: nowrap;
28 border-radius: 100em; 29 border-radius: 100em;
29 30
30 &::after { 31 &::after {
31 position: absolute; 32 position: absolute;
32 inset: calc(-1 * props.get(vars.$key-focus--border-offset)); 33 inset: calc(-1 * props.get(vars.$key-focus--border-offset));
33 z-index: 1; 34 z-index: -10;
34 display: none; 35 display: block;
35 pointer-events: none; 36 pointer-events: none;
37 visibility: hidden;
36 content: ''; 38 content: '';
37 border-radius: 100em; 39 border-radius: 100em;
38 outline: props.get(vars.$default-theme, --key-focus, --border) solid props.get(vars.$key-focus--border-width); 40 outline: props.get(vars.$default-theme, --key-focus, --border) solid props.get(vars.$key-focus--border-width);
@@ -72,7 +74,7 @@
72 &:focus-visible { 74 &:focus-visible {
73 @include bem.elem('item-content') { 75 @include bem.elem('item-content') {
74 &::after { 76 &::after {
75 display: block; 77 visibility: visible;
76 } 78 }
77 } 79 }
78 } 80 }