crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-09 22:31:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎨 styles: home category item hover effect

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-08-27 11:14:53 +07:00
parent 2e008d404c
commit 813a474a5e
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/modules/home/HomeCategories/CategoriesItem/CategoryItem.module.scss
View File

@ -2,6 +2,7 @@
.categoryItem { .categoryItem {
.categoryItemImage { .categoryItemImage {
@apply transition-all duration-200;
width: 10.6rem; width: 10.6rem;
margin: 0 auto; margin: 0 auto;
max-height: 14rem; max-height: 14rem;
@ -14,11 +15,17 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
&:hover {
transform: scale(1.05);
}
} }
.categoryItemText { .categoryItemText {
@apply sub-headline; @apply sub-headline;
text-align: center; text-align: center;
font-feature-settings: "salt" on; font-feature-settings: "salt" on;
cursor: pointer; cursor: pointer;
&:hover {
color: var(--primary);
}
} }
} }