@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; } * { 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,.owl-carousel .owl-nav .owl-next{ height: 3rem; position: absolute; display: flex; align-items: center; width: 2.5rem; cursor: pointer; background:transparent; } .owl-carousel .owl-nav .owl-prev{ top: 90px !important; left: 10px; } .owl-carousel .owl-nav .owl-next { top: 90px !important; right: 10px !important; } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover{ background: rgba(0, 0, 0, .6); } .owl-stage{ display: flex; flex-direction: row; align-items: center; justify-content: center; } .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; } */