Server IP : 150.95.80.236 / Your IP : 3.141.19.186 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/uat.pcu.in.th/demo15/src/sass/components/ |
Upload File : |
// // Carousel // .carousel.carousel-custom { // Indicators .carousel-indicators { align-items: center; position: static; z-index: auto; margin: 0; padding: 0; list-style: none; li { transform: none; opacity: 1; &.active { transform: none; opacity: 1; } } &.carousel-indicators-dots { li { border-radius: 0; background-color: transparent; height: $carousel-custom-dots-indicator-active-size; width: $carousel-custom-dots-indicator-active-size; display: flex; align-items: center; justify-content: center; text-align: center; &:after { display: inline-block; content: " "; @include border-radius(50%); transition: all $carousel-custom-indicator-transition-speed ease; background-color: $carousel-custom-indicator-default-bg-color; height: $carousel-custom-dots-indicator-default-size; width: $carousel-custom-dots-indicator-default-size; } &.active { background-color: transparent; &:after { transition: all $carousel-custom-indicator-transition-speed ease; height: $carousel-custom-dots-indicator-active-size; width: $carousel-custom-dots-indicator-active-size; background-color: $carousel-custom-indicator-active-bg-color; } } } } } // Stretch mode &.carousel-stretch { height: 100%; display: flex; flex-direction: column; .carousel-inner { flex-grow: 1; } .carousel-item { height: 100%; } .carousel-wrapper { display: flex; flex-direction: column; height: 100%; } } }