crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 07:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fade to the Nametags in the ProductCard

Browse Source
This commit is contained in:
Bel Curcio 2021-06-08 11:57:51 -03:00
parent dfbca746b2
commit 1c7caf3f99
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/product/ProductCard/ProductCard.module.css
View File

@ -47,13 +47,15 @@
} }
.header .name { .header .name {
@apply pt-0 max-w-full w-full leading-extra-loose; @apply pt-0 max-w-full w-full leading-extra-loose
transition-colors ease-in-out duration-500;
font-size: 2rem; font-size: 2rem;
letter-spacing: 0.4px; letter-spacing: 0.4px;
} }
.header .name span { .header .name span {
@apply py-4 px-6 bg-primary text-primary font-bold; @apply py-4 px-6 bg-primary text-primary font-bold
transition-colors ease-in-out duration-500;
font-size: inherit; font-size: inherit;
letter-spacing: inherit; letter-spacing: inherit;
box-decoration-break: clone; box-decoration-break: clone;
@ -62,7 +64,8 @@
.header .price { .header .price {
@apply pt-2 px-6 pb-4 text-sm bg-primary text-accent-9 @apply pt-2 px-6 pb-4 text-sm bg-primary text-accent-9
font-semibold inline-block tracking-wide; font-semibold inline-block tracking-wide
transition-colors ease-in-out duration-500;
} }
.imageContainer { .imageContainer {