twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

fix: more mobile button styling

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-26 16:43:29 -04:00
parent 5da59739ee
commit b050c5d706
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/style.css
View File

@@ -184,7 +184,6 @@ article li {
} }
.like-icon { .like-icon {
cursor: pointer; cursor: pointer;
transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, transform 0.2s ease-in-out; transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
} }
.like-icon:hover, .like-icon:active { .like-icon:hover, .like-icon:active {
@@ -210,10 +209,18 @@ article li {
75% { transform: translateX(0) rotate(-1deg) scale(1.1); } 75% { transform: translateX(0) rotate(-1deg) scale(1.1); }
} }
@media (hover: hover) { @media (hover: hover) {
.like-icon {
cursor: pointer;
transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.like-icon:hover { .like-icon:hover {
color: #fff; color: #fff;
transform: scale(1.15); transform: scale(1.15);
} }
.like-icon.liked {
cursor: pointer;
color: #e2264d;
}
.like-icon.liked:hover { .like-icon.liked:hover {
transform: scale(1.15); transform: scale(1.15);
} }