diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_navbar.scss | 8 |
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 | } |