mirror of
https://github.com/vercel/commerce.git
synced 2025-07-23 04:36:49 +00:00
Fixes & Updates (#704)
* Adding Dropdown Component * Styling Issues * Wishlist Fix * Fixes for Wishlist View * Hearts now work again * Rollback ts * Removing extra config to disable BigCommerce * Fixes for Wishlist View * Remove transition/animation for mobile * New Updates. * New Updates. * Dropdown fix * Polish * export * export * revert tsconfig Co-authored-by: Luis Alvarez D. <luis@vercel.com> Co-authored-by: Dom Sip <dom@vercel.com> Co-authored-by: Luis Alvarez D. <luis@vercel.com>
This commit is contained in:
@@ -1,21 +1,38 @@
|
||||
.root {
|
||||
@apply grid grid-cols-12 w-full gap-6 px-3 py-6 border-b border-accent-2 transition duration-100 ease-in-out;
|
||||
@apply relative grid sm:grid-cols-1 lg:grid-cols-12
|
||||
w-full gap-6 px-3 py-6 border-b border-accent-2
|
||||
transition duration-100 ease-in-out;
|
||||
}
|
||||
|
||||
&:nth-child(3n + 1) {
|
||||
& .productBg {
|
||||
@apply bg-violet;
|
||||
}
|
||||
}
|
||||
.root:nth-child(3n + 1) .imageWrapper {
|
||||
@apply bg-violet;
|
||||
}
|
||||
|
||||
&:nth-child(3n + 2) {
|
||||
& .productBg {
|
||||
@apply bg-pink;
|
||||
}
|
||||
}
|
||||
.root:nth-child(3n + 2) .imageWrapper {
|
||||
@apply bg-pink;
|
||||
}
|
||||
|
||||
&:nth-child(3n + 3) {
|
||||
& .productBg {
|
||||
@apply bg-blue;
|
||||
}
|
||||
.root:nth-child(3n + 3) .imageWrapper {
|
||||
@apply bg-blue;
|
||||
}
|
||||
|
||||
.imageWrapper {
|
||||
@apply col-span-3;
|
||||
min-width: 230px;
|
||||
width: 230px;
|
||||
height: 230px;
|
||||
}
|
||||
|
||||
.description {
|
||||
@apply col-span-7 flex flex-col;
|
||||
}
|
||||
|
||||
.actions {
|
||||
@apply absolute bg-accent-0 p-3 top-0 right-4;
|
||||
}
|
||||
|
||||
@media screen(lg) {
|
||||
.actions {
|
||||
@apply static col-span-2 flex flex-col justify-between space-y-4;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user