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

Old Config

Browse Source
This commit is contained in:
Belen Curcio
2020-10-26 10:49:21 -03:00
parent 876cadf8b8
commit 351725d322
6 changed files with 57 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/core/Featurebar/Featurebar.module.css
View File

@@ -1,3 +1,7 @@
.root {
@apply text-center p-6 bg-primary text-base text-sm md:flex md:text-left flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30;
@apply text-center p-6 bg-primary text-sm flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30;
@screen md {
@apply flex text-left;
}
}

12
components/product/ProductSlider/ProductSlider.module.css
View File

@@ -9,13 +9,21 @@
}
.leftControl {
@apply bg-cover left-10 md:left-6;
@apply bg-cover left-10;
background-image: url('public/cursor-left.png');
@screen md {
@apply left-6;
}
}
.rightControl {
@apply bg-cover right-10 md:right-6;
@apply bg-cover right-10;
background-image: url('public/cursor-right.png');
@screen md {
@apply right-6;
}
}
.control {

33
components/ui/Grid/Grid.module.css
View File

@@ -1,13 +1,18 @@
.root {
--row-height: calc(100vh - 80px - 56px);
@apply grid grid-cols-1 lg:grid-cols-3 lg:grid-rows-2 gap-0;
@apply grid grid-cols-1 gap-0;
@screen lg {
@apply grid-cols-3 grid-rows-2;
}
& > * {
@apply row-span-1 lg:col-span-1 bg-transparent box-border overflow-hidden;
@apply row-span-1 bg-transparent box-border overflow-hidden;
height: 500px;
max-height: 800px;
@screen lg {
@apply col-span-1;
height: inherit;
}
}
@@ -30,8 +35,12 @@
.layoutA {
& > *:nth-child(6n + 1),
& > *:nth-child(6n + 5) {
@apply row-span-2 lg:col-span-2;
@apply row-span-2;
height: var(--row-height);
@screen lg {
@apply col-span-2;
}
}
&.filled {
@@ -57,8 +66,12 @@
.layoutB {
& > *:nth-child(6n + 2),
& > *:nth-child(6n + 4) {
@apply row-span-2 lg:col-span-2;
@apply row-span-2;
height: var(--row-height);
@screen lg {
@apply col-span-2;
}
}
&.filled {
@@ -83,8 +96,12 @@
.layoutC {
& > *:nth-child(12n + 1),
& > *:nth-child(12n + 8) {
@apply row-span-2 lg:col-span-2;
@apply row-span-2;
height: var(--row-height);
@screen lg {
@apply col-span-2;
}
}
&.filled {
@@ -107,8 +124,12 @@
.layoutD {
& > *:nth-child(12n + 2),
& > *:nth-child(12n + 7) {
@apply row-span-2 lg:col-span-2;
@apply row-span-2;
height: var(--row-height);
@screen lg {
@apply col-span-2;
}
}
&.filled {