Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Don't allow browsers to ignore outline color

Browse Source
This commit is contained in:
James Lyne 2022-06-27 23:20:48 +01:00
parent edbdb712d5
commit 479cab9b4d
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/_mixins.scss
View File

@ -83,7 +83,7 @@
} }
@mixin button-focused { @mixin button-focused {
outline: var(--outline-focus) auto thick !important; outline: var(--outline-focus) solid thick !important;
z-index: 1; z-index: 1;
border-color: var(--background-dark); border-color: var(--background-dark);
} }

6
src/scss/style.scss
View File

@ -114,11 +114,11 @@ input {
} }
:focus { :focus {
outline: var(--outline-focus) auto thick !important; outline: var(--outline-focus) solid thick !important;
} }
:focus-visible { :focus-visible {
outline: var(--outline-focus) auto thick !important; outline: var(--outline-focus) solid thick !important;
} }
.checkbox { .checkbox {
@ -165,7 +165,7 @@ input {
&:focus ~ span:after { &:focus ~ span:after {
content: ''; content: '';
outline: var(--outline-focus) auto thick; outline: var(--outline-focus) solid thick;
position: absolute; position: absolute;
top: 0; top: 0;
right: -0.5rem; right: -0.5rem;