Rumperuu/Omphaloskepsis-2
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

style: add hover styles to focus

Browse source
This commit is contained in:
Ben Goldsworthy 2025-05-09 18:47:23 +02:00
parent f1c9fa5622
commit 1a61aeade0
No known key found for this signature in database
5 changed files with 27 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/css/base/_typography.scss
View file

@ -97,6 +97,11 @@ a {
text-decoration: none; text-decoration: none;
opacity: 1; opacity: 1;
} }
&:focus {
text-decoration-style: double;
opacity: 1;
}
} }
::selection { ::selection {

3
assets/css/components/_button.scss
View file

@ -11,7 +11,8 @@
padding: 0.4em 1em; padding: 0.4em 1em;
cursor: pointer; cursor: pointer;
&:hover { &:hover,
&:focus {
box-shadow: 2px 2px gray; box-shadow: 2px 2px gray;
} }
} }

3
assets/css/components/_item-tile.scss
View file

@ -3,7 +3,8 @@
box-sizing: border-box; box-sizing: border-box;
border: 2px solid transparent; border: 2px solid transparent;
&:hover { &:hover,
&:focus {
border-color: $dark; border-color: $dark;
& .item-tile__title-wrapper { & .item-tile__title-wrapper {

3
assets/css/layout/_header.scss
View file

@ -66,7 +66,8 @@
padding: 0.4em; padding: 0.4em;
background-color: inherit; background-color: inherit;
&:hover { &:hover,
&:focus {
background-color: #ffffd0; background-color: #ffffd0;
} }

3
assets/css/themes/_dark.scss
View file

@ -9,7 +9,8 @@
color: $light; color: $light;
border-color: $light; border-color: $light;
&:hover { &:hover,
&:focus {
background-color: $dark; background-color: $dark;
} }
} }