lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix focus state for links & colour scheme picker

Browse Source
This commit is contained in:
Lewis Dale 2023-09-27 08:52:45 +01:00
parent 496f559013
commit 0a577857ee
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/css/exceptions/color-scheme-picker.css
View File

@ -30,7 +30,8 @@ header > * {
&:has(:focus-visible) { &:has(:focus-visible) {
outline: 1px solid var(--color-primary); outline: 1px solid var(--color-primary);
outline-offset: 2px; outline-offset: 4px;
border-radius: 5%;
} }
&:has([name="color-scheme"]) { &:has([name="color-scheme"]) {

2
src/css/exceptions/site-title.css
View File

@ -5,7 +5,7 @@
text-decoration: none; text-decoration: none;
&:hover, &:focus, &:focus-visible { &:hover, &:focus, &:focus-visible {
outline-color: transparent; outline: 0px transparent;
text-decoration: underline solid var(--color-primary) 2px; text-decoration: underline solid var(--color-primary) 2px;
} }
} }

6
src/css/globals.css
View File

@ -117,3 +117,9 @@ footer {
padding: var(--space-size-l) 0 var(--space-size-s); padding: var(--space-size-l) 0 var(--space-size-s);
width: 100%; width: 100%;
} }
*:focus-visible {
outline: 1px solid var(--color-primary);
border-radius: 5%;
outline-offset: 4px;
}