cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests 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 { .productTitle {
@apply max-w-full w-full; @apply pt-0 max-w-full w-full leading-extra-loose;
font-size: 2rem; font-size: 2rem;
letter-spacing: 0.4px; 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={s.squareBg} />
<div className="flex flex-row justify-between box-border w-full z-20 absolute"> <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"> <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> <span>{p.name}</span>
</h3> </h3>
<span className={s.productPrice}>{price}</span> <span className={s.productPrice}>{price}</span>