diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css index 8e91a6c68..1093e347d 100644 --- a/components/product/ProductSlider/ProductSlider.module.css +++ b/components/product/ProductSlider/ProductSlider.module.css @@ -9,9 +9,6 @@ height: 48px; } -.control:hover { -} - .leftControl, .rightControl { @apply px-8 cursor-pointer; @@ -36,47 +33,22 @@ 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; +.album { + @apply bg-violet-dark; + overflow: auto; + white-space: nowrap; } -.leftControl:hover, -.rightControl:hover { - @apply bg-hover-2; +.album > * { + @apply cursor-pointer; + display: inline-block; + width: 300px; } -.leftControl:focus, -.rightControl:focus { - @apply outline-none shadow-outline-normal; +.album > div:hover { + @apply bg-violet-light; } -.leftControl { - @apply bg-cover left-10; - background-image: url('public/cursor-left.png'); - @screen md { - @apply left-6; - } -} */ - -/* .rightControl { - @apply bg-cover right-10; - background-image: url('public/cursor-right.png'); - - @screen md { - @apply right-6; - } -} */ - -/* .control { - @apply opacity-0 transition duration-150; -} */ - -/* .root:hover .control { - @apply opacity-100; -} */ - .positionIndicatorsContainer { @apply hidden; @@ -113,19 +85,3 @@ .positionIndicatorActive:hover .dot { @apply bg-white; } - -.album { - @apply bg-violet-dark; - overflow: auto; - white-space: nowrap; -} - -.album > * { - @apply cursor-pointer; - display: inline-block; - width: 300px; -} - -.album > div:hover { - @apply bg-violet-light; -}