fix some focus styling

This commit is contained in:
Michael Shamoon
2022-03-08 15:50:10 -08:00
parent 7c313eed33
commit 3dffa09977
2 changed files with 21 additions and 2 deletions

View File

@@ -62,6 +62,7 @@ svg.logo {
}
.btn:focus,
.btn:active:focus,
.dropdown-item:focus,
.btn-check:focus + .btn,
.form-control:focus,
@@ -70,6 +71,16 @@ svg.logo {
box-shadow: 0 0 0 0.25rem hsla(var(--ngx-green), var(--l), 0.7);
}
.nav-link:focus-visible, .nav-item a:focus-visible {
outline: none;
background-color: var(--ngx-bg-darker);
}
a.navbar-brand:focus-visible {
outline: none;
color: var(--ngx-primary-darken-10);
}
.dropdown.show {
> .btn-primary {
background-color: var(--bs-primary);
@@ -138,6 +149,14 @@ textarea,
color: var(--bs-body-color);
border-bottom: 1px solid transparent;
}
&:focus {
border-color: var(--bs-border-color);
}
&.active:focus {
border-bottom: 1px solid transparent;
}
}
}