crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move styles to use @apply instead of responsive classes

Browse Source
This commit is contained in:
Willian Justen de Vasconcellos 2020-10-27 20:16:23 -03:00
parent 48e35c9163
commit 65d6ba7a7e
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -101,7 +101,7 @@
}
.productTitle {
@apply max-w-full w-full;
@apply pt-0 max-w-full w-full leading-extra-loose;
font-size: 2rem;
letter-spacing: 0.4px;

2
components/product/ProductCard/ProductCard.tsx
View File

@ -57,7 +57,7 @@ const ProductCard: FC<Props> = ({
<div className={s.squareBg} />
<div className="flex flex-row justify-between box-border w-full z-20 absolute">
<div className="absolute top-0 left-0 pr-16 max-w-full">
<h3 className={cn('leading-extra-loose pt-0 sm:pt-2 sm:leading-normal', s['productTitle'])}>
<h3 className={s.productTitle}>
<span>{p.name}</span>
</h3>
<span className={s.productPrice}>{price}</span>