less mislicks, switched to :focus where appropriate
This commit is contained in:
parent
be331343e7
commit
fe0c3c6644
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user