Add proper focus styles
continuous-integration/drone/push Build is passing Details

This commit is contained in:
kolaente 2020-11-22 17:47:47 +01:00
parent 148cc1dcca
commit ed40249bb3
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 26 additions and 0 deletions

View File

@ -279,3 +279,17 @@
width: 100%;
max-width: $desktop;
}
.tasktext {
:focus {
box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
}
:focus:not(:focus-visible) {
outline: 0;
}
:focus-visible, :-moz-focusring {
box-shadow: inset 0 0 0 2px rgba($primary, 0.5);
}
}

View File

@ -8,6 +8,18 @@
outline: none;
}
:focus {
box-shadow: 0 0 0 2px rgba($primary, 0.5);
}
:focus:not(:focus-visible) {
outline: 0;
}
:focus-visible, :-moz-focusring {
box-shadow: 0 0 0 2px rgba($primary, 0.5);
}
body {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
min-height: 100vh;