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

Normalizing Style Sheets

Browse Source
This commit is contained in:
Belen Curcio
2020-10-15 16:00:11 -03:00
parent a0e5448210
commit ab45e28813
18 changed files with 77 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,7 +9,7 @@
& .productTitle,
& .productPrice,
& .wishlistButton {
@apply bg-black text-white;
@apply bg-secondary text-secondary;
}
&:nth-child(6n + 1) .productTitle,
@@ -66,7 +66,7 @@
}
.productTitle {
@apply p-3 h-14 bg-primary text-primary font-bold text-xl truncate leading-8 inline-flex;
@apply p-3 h-14 bg-primary text-base font-bold text-xl truncate leading-8 inline-flex;
max-width: calc(100% - 50px);
@screen lg {
@@ -75,9 +75,9 @@
}
.productPrice {
@apply px-3 py-1 pb-2 bg-primary text-primary font-semibold inline-block text-sm leading-6;
@apply px-3 py-1 pb-2 bg-primary text-base font-semibold inline-block text-sm leading-6;
}
.wishlistButton {
@apply w-10 h-10 flex items-center justify-center bg-primary text-primary font-semibold inline-block text-xs leading-6 cursor-pointer;
@apply w-10 h-10 flex items-center justify-center bg-primary text-base font-semibold inline-block text-xs leading-6 cursor-pointer;
}

6
components/product/Swatch/Swatch.module.css
View File

@@ -1,15 +1,15 @@
.root {
@apply h-12 w-12 bg-primary text-primary rounded-full mr-3 inline-flex
@apply h-12 w-12 bg-primary text-base rounded-full mr-3 inline-flex
items-center justify-center cursor-pointer transition duration-75 ease-in-out
p-0 shadow-none border-gray-200 border box-border;
}
.active.size {
@apply border-secondary border-2;
@apply border-accents-2 border-2;
}
.root:hover {
@apply transform scale-110 bg-primary-hover;
@apply transform scale-110 bg-hover;
}
.colorViolet {