wip

assets/js/vendors/carousel.js

@@ -35,9 +35,12 @@ class Carousel {
 
             this.splide.on('autoplay:play', () => {
                 toggleButton.classList.add('is-active');
+                console.log(toggleButton)
             });
 
             this.splide.on('autoplay:playing', (rate) => {
+                // toggleButton.classList.add('is-active');
+
                 var activeStepButton = this.splide.root.querySelector('.splide__pagination .is-active i');
                 activeStepButton.style.width = rate * 100 + '%';
             });

assets/sass/_theme/blocks/testimonials.sass

@@ -39,7 +39,7 @@
         display: flex
         flex-direction: column-reverse
         &__toggle
-            @include button-reset
+            // @include button-reset
             border: 1px solid $block-testimonials-pagination-background
             border-radius: 50%
             font-size: 0
@@ -58,7 +58,7 @@
             &:not(.is-active)
                 + .splide__pagination
                     .is-active i
-                        width: 100% !important
+                        width: 100%
 
             .splide__play
                 &::before

assets/sass/_theme/dependencies/splide.sass

@@ -41,10 +41,10 @@
                     background-color: $link-color
 
     &__toggle
-        .splide__toggle__pause
+        &__pause
             @include icon-block(pause)
             display: none
-        .splide__toggle__play
+        &__play
             @include icon-block(play)
             display: inline-block
         &.is-active