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

Design Updates

Browse Source
This commit is contained in:
Bel Curcio
2021-06-01 13:21:45 -03:00
parent 4438123bb0
commit 874c72795b
13 changed files with 129 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,9 +3,43 @@
overflow-y: hidden;
}
.control {
@apply bg-violet absolute bottom-10 right-10 flex flex-row
border-accent-0 border text-accent-0 z-50 shadow-xl;
height: 48px;
}
.control:hover {
}
.leftControl,
.rightControl {
@apply absolute top-1/2 -translate-x-1/2 z-20 w-16 h-16 flex items-center justify-center bg-hover-1 rounded-full;
@apply px-8 cursor-pointer;
transition: background-color 0.2s ease;
}
.leftControl:hover,
.rightControl:hover {
background-color: var(--violet-dark);
}
.leftControl:focus,
.rightControl:focus {
@apply outline-none;
}
.rightControl {
@apply border-l;
}
.leftControl {
margin-right: -1px;
}
/* .leftControl,
.rightControl {
@apply absolute top-1/2 -translate-x-1/2 z-20 w-16 h-16
flex items-center justify-center bg-hover-1;
}
.leftControl:hover,
@@ -13,36 +47,35 @@
@apply bg-hover-2;
}
.leftControl:hover,
.rightControl:hover {
.leftControl:focus,
.rightControl:focus {
@apply outline-none shadow-outline-normal;
}
.leftControl {
@apply bg-cover left-10;
background-image: url('public/cursor-left.png');
@screen md {
@apply left-6;
}
}
} */
.rightControl {
/* .rightControl {
@apply bg-cover right-10;
background-image: url('public/cursor-right.png');
@screen md {
@apply right-6;
}
}
} */
.control {
/* .control {
@apply opacity-0 transition duration-150;
}
} */
.root:hover .control {
/* .root:hover .control {
@apply opacity-100;
}
} */
.positionIndicatorsContainer {
@apply hidden;