/*————————————
Carousel indicators v15
————————————*/
.u-carousel-indicators-v15, .u-carousel-indicators-v15–white {
white-space: nowrap; li { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 5px; span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 50%; text-indent: -9999px; transition: box-shadow .3s ease; &::before, &::after { content: ""; display: none; } } }
}
.u-carousel-indicators-v15–white {
li { span { box-shadow: inset 0 0 0 2px $g-color-white; &:hover, &:focus { box-shadow: inset 0 0 0 2px rgba($g-color-white, .6); } } &.slick-active { span { box-shadow: inset 0 0 0 8px $g-color-white; } } }
}