ngx-owl-carousel-o
Version:
Angular powered owl-carousel
57 lines (50 loc) • 1.14 kB
CSS
/**
* Owl Carousel v2.3.4
*/
/*
* Green theme - Owl Carousel CSS File
*/
.owl-theme .owl-carousel-inner .owl-prev,
.owl-theme .owl-carousel-inner .owl-next {
color: #fff;
font-size: 14px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-carousel-inner .owl-prev:hover,
.owl-theme .owl-carousel-inner .owl-next:hover {
background: #4dc7a0;
color: #fff;
text-decoration: none;
}
.owl-theme .owl-carousel-inner .owl-prev.disabled,
.owl-theme .owl-carousel-inner .owl-next.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.owl-theme .owl-dots {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #4dc7a0;
}