From 65d6ba7a7ee83fe25ef5844ea02dba1170ed9311 Mon Sep 17 00:00:00 2001
From: Willian Justen de Vasconcellos <willianjustenqui@gmail.com>
Date: Tue, 27 Oct 2020 20:16:23 -0300
Subject: [PATCH] Move styles to use @apply instead of responsive classes

---
 components/product/ProductCard/ProductCard.module.css | 2 +-
 components/product/ProductCard/ProductCard.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css
index 72e517f18..26dd05e84 100644
--- a/components/product/ProductCard/ProductCard.module.css
+++ b/components/product/ProductCard/ProductCard.module.css
@@ -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;
 
diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index 3eacee42d..f047136b4 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -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>