diff options
Diffstat (limited to 'core/css/header.scss')
| -rw-r--r-- | core/css/header.scss | 29 |
1 files changed, 27 insertions, 2 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index 8691d464bd0..528da26232b 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -21,10 +21,35 @@ -moz-user-select: none; -ms-user-select: none; a:not(.button):focus-visible, button:not(.button-vue):focus-visible, div[role="button"]:focus-visible { - box-shadow: inset 0 0 0 2px var(--color-primary-text); - border-radius: var(--border-radius); outline: none; } + + a:not(.button):focus-visible::after, .button-vue:focus-visible::after, div[role=button]:focus-visible::after { + content: " "; + position: absolute; + transform: translateX(-50%); + width: 12px; + height: 2px; + border-radius: 3px; + background-color: var(--color-primary-text); + left: 50%; + opacity: 1; + } + + a:not(.button):focus-visible::after, .button-vue:focus-visible::after { + bottom: 2px; + } + + .header-right { + a:not(.button):focus-visible::after, div[role=button]:focus-visible::after { + bottom: 4px; + } + + #expand.menutoggle:focus-visible::after { + left: 40%; + } + } + } /* HEADERS ------------------------------------------------------------------ */ |