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);
|
||||
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;
|
||||
}
|
||||
|
||||
|
@ -104,7 +104,7 @@ nav[hidden]{
|
||||
height: 100%;
|
||||
transition: 100ms;
|
||||
}
|
||||
.nav_button:active{
|
||||
.nav_button:focus{
|
||||
fill: var(--red);
|
||||
scale: 0.9;
|
||||
}
|
||||
|
@ -22,7 +22,7 @@
|
||||
animation: shake 0.5s ease forwards;
|
||||
}
|
||||
|
||||
.action_button:active{
|
||||
.action_button:focus{
|
||||
transition: 50ms;
|
||||
scale: 0.8 0.8;
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
.icon:active{
|
||||
.icon:focus{
|
||||
scale: 0.8 0.8;
|
||||
rotate: var(--angle, 30deg);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user