diff options
Diffstat (limited to 'src')
| -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 | } |
