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) {
outline: 1px solid var(--color-primary);
outline-offset: 2px;
outline-offset: 4px;
border-radius: 5%;
}
&:has([name="color-scheme"]) {

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

@ -5,7 +5,7 @@
text-decoration: none;
&:hover, &:focus, &:focus-visible {
outline-color: transparent;
outline: 0px transparent;
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);
width: 100%;
}
*:focus-visible {
outline: 1px solid var(--color-primary);
border-radius: 5%;
outline-offset: 4px;
}