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

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

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

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

@ -22,7 +22,7 @@
animation: shake 0.5s ease forwards;
}
.action_button:active{
.action_button:focus{
transition: 50ms;
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;
rotate: var(--angle, 30deg);
}