crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

More changes

Browse Source
This commit is contained in:
Bel Curcio
2021-06-01 13:47:54 -03:00
parent 874c72795b
commit da2fb44dd4
6 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/wishlist/WishlistButton/WishlistButton.module.css
View File

@@ -1,8 +1,10 @@
.root {
@apply p-5 text-accent-9 flex items-center
transition-duration: 0.2s;
transition-timing-function: ease;
transition-property: color, background-color, opacity;
@apply p-3 text-accent-9 flex items-center
justify-center font-semibold cursor-pointer
bg-accent-0 text-sm;
transition: opacity 0.2s ease;
}
.root:focus {
@@ -10,10 +12,22 @@
}
.icon {
@apply text-accent-9;
transition: transform 0.2s ease;
transition-duration: 0.2s;
transition-timing-function: ease;
transition-property: transform, fill;
color: currentColor;
}
.icon {
transition: fill 0.4s ease;
.icon.loading {
fill: var(--pink-light);
}
.icon.inWishlist {
fill: var(--pink);
}
@screen lg {
.root {
@apply p-4;
}
}