gg-y-ui/lib/carousel/style/style.css

An enterprise-class UI design language and Vue-based implementation for web

.y-carousel{position:relative}.y-carousel-item-container{overflow:hidden}.y-carousel-item-container-slider{display:flex;transition:.3s transform}.y-carousel-arrow{width:44px;height:44px;border-radius:50%;background:0 0;cursor:pointer;position:absolute;top:50%;display:flex;justify-content:center;align-items:center}.y-carousel-arrow:hover{background:#f4f6fa}.y-carousel-arrow:active{background:#d7dee3}.y-carousel-arrow-left{left:-24px;transform:translate(-100%,-50%)}.y-carousel-arrow-right{right:-24px;transform:translate(100%,-50%)}.y-carousel-arrow .y-icon{color:#768893}.y-carousel-dots-container{display:flex;justify-content:center;position:absolute;bottom:-32px;transform:translateY(100%);left:0;width:100%}.y-carousel-dot{width:8px;height:8px;border-radius:50%;background:#f1f4f9;margin-right:8px;cursor:pointer}.y-carousel-dot:last-child{margin-right:0}.y-carousel-dot:hover{background:#d7dee3}.y-carousel-dot:active{background:#c2ccd0}.y-carousel-dot.active{background:#4598f0}