From fb51bedbbffd9ce1184751bc9e282d8e34a7dfb2 Mon Sep 17 00:00:00 2001 From: nickbristow Date: Wed, 6 Nov 2024 11:43:10 -0500 Subject: [PATCH] remove old styles --- src/app/styles/Carousel.module.scss | 69 ----------------------------- 1 file changed, 69 deletions(-) delete mode 100644 src/app/styles/Carousel.module.scss diff --git a/src/app/styles/Carousel.module.scss b/src/app/styles/Carousel.module.scss deleted file mode 100644 index 563c6ae..0000000 --- a/src/app/styles/Carousel.module.scss +++ /dev/null @@ -1,69 +0,0 @@ -.carouselContainer { - position: relative; - width: 100%; /* Full width of the container */ -} - -.carouselWrapper { - display: flex; - width: 100%; - overflow: hidden; - cursor: grab; /* Shows a hand cursor when hovering for drag */ -} - -.carouselWrapper:active { - cursor: grabbing; /* Changes cursor when dragging */ -} - -.carousel { - display: flex; - transition: transform 0.5s ease-in-out; - will-change: transform; -} - -.carouselItem { - min-width: calc(100% / 7); /* Adjust based on number of visible items */ - flex: 1 0 auto; - padding: 0 10px; -} - -.carouselBtn { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} - -.carouselBtn:focus { - background: rgba(0, 0, 0, 0.5); - color: white; - border: none; - padding: 10px 20px; - font-size: 2rem; - cursor: pointer; - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 10; - transition: background 0.3s ease; - width: auto; - height: auto; - margin: inherit; - overflow: visible; - clip: inherit; -} - -.carouselBtn:hover { - background: rgba(0, 0, 0, 0.8); -} - -.prev { - left: 10px; -} - -.next { - right: 10px; -}