Remove Carousel

Author: Rayiumir

dist/css/tani.css

@@ -2,7 +2,7 @@
     Name: Tani
     Description: A utility-first framework with rich component library
     Author: Raymond Baghumian
-    Version: 1.10.0
+    Version: 1.10.1
     License: MIT
 */
 
@@ -3516,230 +3516,6 @@ p {
     box-shadow: none;
 }
 
-/* ======================
-   Carousel
-   ====================== */
-.carousel {
-    position: relative;
-    overflow: hidden;
-    border-radius: var(--border-radius);
-}
-
-.carousel-inner {
-    position: relative;
-    width: 100%;
-    overflow: hidden;
-}
-
-.carousel-item {
-    position: relative;
-    display: none;
-    width: 100%;
-    transition: transform 0.6s ease-in-out;
-}
-
-.carousel-item.active {
-    display: block;
-}
-
-.carousel-item img {
-    width: 100%;
-    height: auto;
-    display: block;
-}
-
-/* Carousel controls */
-.carousel-control-prev,
-.carousel-control-next {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 3rem;
-    height: 3rem;
-    padding: 0;
-    color: var(--white);
-    text-align: center;
-    background-color: rgba(0, 0, 0, 0.5);
-    border: 0;
-    border-radius: 50%;
-    opacity: 0.7;
-    transition: opacity 0.15s ease;
-    cursor: pointer;
-}
-
-.carousel-control-prev:hover,
-.carousel-control-next:hover {
-    opacity: 1;
-}
-
-.carousel-control-prev {
-    left: 1rem;
-}
-
-.carousel-control-next {
-    right: 1rem;
-}
-
-.carousel-control-prev-icon,
-.carousel-control-next-icon {
-    display: inline-block;
-    width: 1.5rem;
-    height: 1.5rem;
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: 100% 100%;
-}
-
-.carousel-control-prev-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
-}
-
-.carousel-control-next-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-}
-
-/* Carousel indicators */
-.carousel-indicators {
-    position: absolute;
-    right: 0;
-    bottom: 1rem;
-    left: 0;
-    z-index: 2;
-    display: flex;
-    justify-content: center;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-}
-
-.carousel-indicators button {
-    box-sizing: content-box;
-    flex: 0 1 auto;
-    width: 30px;
-    height: 3px;
-    padding: 0;
-    margin-right: 3px;
-    margin-left: 3px;
-    text-indent: -999px;
-    cursor: pointer;
-    background-color: var(--white);
-    background-clip: padding-box;
-    border: 0;
-    border-top: 10px solid transparent;
-    border-bottom: 10px solid transparent;
-    opacity: 0.5;
-    transition: opacity 0.6s ease;
-}
-
-.carousel-indicators button.active {
-    opacity: 1;
-}
-
-/* Carousel captions */
-.carousel-caption {
-    position: absolute;
-    right: 15%;
-    bottom: 1.25rem;
-    left: 15%;
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-    color: var(--white);
-    text-align: center;
-    background-color: rgba(0, 0, 0, 0.5);
-    border-radius: var(--border-radius);
-}
-
-.carousel-caption h5 {
-    margin: 0 0 0.5rem 0;
-    font-size: 1.25rem;
-}
-
-.carousel-caption p {
-    margin: 0;
-}
-
-/* Carousel fade effect */
-.carousel-fade .carousel-item {
-    opacity: 0;
-    transition: opacity 0.6s ease-in-out;
-}
-
-.carousel-fade .carousel-item.active {
-    opacity: 1;
-}
-
-/* Carousel with thumbnails */
-.carousel-thumbnails {
-    display: flex;
-    justify-content: center;
-    gap: 0.5rem;
-    margin-top: 1rem;
-    flex-wrap: wrap;
-}
-
-.carousel-thumbnail {
-    width: 80px;
-    height: 60px;
-    cursor: pointer;
-    border: 2px solid transparent;
-    border-radius: var(--radius-sm);
-    overflow: hidden;
-    opacity: 0.6;
-    transition: opacity 0.3s ease, border-color 0.3s ease;
-}
-
-.carousel-thumbnail:hover {
-    opacity: 0.8;
-}
-
-.carousel-thumbnail.active {
-    opacity: 1;
-    border-color: var(--primary);
-}
-
-.carousel-thumbnail img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-/* Carousel bordered */
-.carousel-bordered {
-    border: 2px solid var(--border-color);
-}
-
-/* Carousel shadow */
-.carousel-shadow {
-    box-shadow: var(--shadow-lg);
-}
-
-/* Carousel full height */
-.carousel-full-height .carousel-item {
-    height: 500px;
-}
-
-.carousel-full-height .carousel-item img {
-    height: 100%;
-    object-fit: cover;
-}
-
-/* Carousel autoplay indicator */
-.carousel-autoplay-indicator {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    z-index: 3;
-    padding: 0.25rem 0.5rem;
-    background-color: rgba(0, 0, 0, 0.5);
-    color: var(--white);
-    border-radius: var(--radius-sm);
-    font-size: 0.75rem;
-}
-
 /* ======================
    Accessibility helpers
    ====================== */