@import "~ngx-owl-carousel-o/lib/styles/scss/owl.carousel"; @import "~ngx-owl-carousel-o/lib/styles/scss/owl.theme.default"; /* You can add global styles to this file, and also import other style files */ @import url("./styles/variables.scss"); @import url("./styles/shared.scss"); html, body { margin: 0; } .button-only-icon { width: 2.5rem; height: 2.5rem; border: none; border-radius: var(--rounded-small); margin: 0 0.3rem 0 0.3rem; background: none; } /* Carousel */ .owl-carousel { width: 100%; } .owl-carousel .owl-nav .owl-prev { height: 47px; position: absolute; width: 26px; cursor: pointer; top: 90px !important; left: 10px; background:transparent; } .owl-carousel .owl-nav .owl-next { height: 47px; position: absolute; width: 26px; cursor: pointer; top: 90px !important; right: 10px !important; background:transparent; } .owl-carousel .owl-item img { width: 25px; margin-right: 20px; } .owl-carousel .owl-item span { width: auto; margin-right: 10px; } .owl-carousel .owl-item i { width: auto; margin-left: 20px; } .owl-carousel .owl-item { width: max-content!important; } .owl-carousel.list-slide{ background-color: aqua; } /* owl-carousel-o .owl-stage { width: 100% !important; } */