Added focus style and menu keyboard toggle

This commit is contained in:
CristianAUnisa
2021-06-27 02:21:11 +02:00
parent 91a1111182
commit 81029205cc
4 changed files with 56 additions and 12 deletions

View File

@ -213,6 +213,21 @@ div.alert.alert-success a {
content: "\f185";
}
*:focus:not(.dropdown-item) {
outline: 2px solid yellow;
outline-offset: 0.1em;
}
button:focus {
outline: 2px solid yellow !important;
outline-offset: 0.1em !important;
}
div.alert.alert-warning a {
outline: 2px solid #000289 !important;
outline-offset: 0.1em !important;
}
.twitter { background: desaturate($twitter, 25%); }
.mastodon { background: desaturate($mastodon, 25%); }
.facebook { background: desaturate($facebook, 25%); }

View File

@ -479,3 +479,30 @@ input#nav-toggle,
[data-toggle="tooltip"]:hover:after {
opacity: .9;
}
// Focus style
nav *:focus:not(.dropdown-item) {
outline: 2px solid yellow;
outline-offset: 0.1em;
}
footer div > a:focus {
outline: 4px solid #0100ff !important;
z-index: 3000;
}
*:focus:not(.dropdown-item) {
outline: 2px solid #0100ff;
outline-offset: 0.1em;
}
button:focus {
outline: 2px solid #0100ff !important;
outline-offset: 0.1em !important;
}
div.alert.alert-warning a {
outline: 2px solid #0100ff !important;
outline-offset: 0.1em !important;
}