Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

less mislicks, switched to :focus where appropriate

Browse Source
This commit is contained in:
Alexander Bocken 2023-07-13 18:27:02 +02:00
parent be331343e7
commit fe0c3c6644
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/Card.svelte
View File

@ -72,7 +72,7 @@ div:has(div #image){
background-color: var(--red); background-color: var(--red);
box-shadow: 0.2em 0.2em 2em 1em rgba(0, 0, 0, 0.3); box-shadow: 0.2em 0.2em 2em 1em rgba(0, 0, 0, 0.3);
} }
.card:active{ .card:focus{
scale: 0.95 0.95; scale: 0.95 0.95;
} }
.card .title { .card .title {
@ -127,9 +127,9 @@ div:has(div #image){
background-color: var(--orange); background-color: var(--orange);
box-shadow: 0.2em 0.2em 0.2em 0.1em rgba(0, 0, 0, 0.3); box-shadow: 0.2em 0.2em 0.2em 0.1em rgba(0, 0, 0, 0.3);
} }
.card .tag:active{ .card .tag:focus{
transition: 100ms; transition: 100ms;
scale: 0.8 0.8; scale: 0.9;
} }
.card .title .category{ .card .title .category{
position: absolute; position: absolute;
@ -152,7 +152,7 @@ div:has(div #image){
background-color: var(--nord3); background-color: var(--nord3);
transform: scale(1.05, 1.05) transform: scale(1.05, 1.05)
} }
.card .category:active{ .card .category:focus{
scale: 0.9 0.9; scale: 0.9 0.9;
} }

2
src/lib/components/Header.svelte
View File

@ -104,7 +104,7 @@ nav[hidden]{
height: 100%; height: 100%;
transition: 100ms; transition: 100ms;
} }
.nav_button:active{ .nav_button:focus{
fill: var(--red); fill: var(--red);
scale: 0.9; scale: 0.9;
} }

2
src/lib/css/action_button.css
View File

@ -22,7 +22,7 @@
animation: shake 0.5s ease forwards; animation: shake 0.5s ease forwards;
} }
.action_button:active{ .action_button:focus{
transition: 50ms; transition: 50ms;
scale: 0.8 0.8; scale: 0.8 0.8;
} }

2
src/lib/css/icon.css
View File

@ -1,4 +1,4 @@
.icon:active{ .icon:focus{
scale: 0.8 0.8; scale: 0.8 0.8;
rotate: var(--angle, 30deg); rotate: var(--angle, 30deg);
} }