clean & theme

assets/sass/_configuration.sass

@@ -17,7 +17,8 @@ $footer-background-color: transparent
 $lightbox-overlay-color: $color-background
 $lightbox-backdrop: none
 
-$block-gallery-carousel-max-height: calc(100vh - #{pxToRem(100)})
+$block-gallery-carousel-height: calc(100vh - #{pxToRem(100)})
+$block-gallery-carousel-height-desktop: $block-gallery-carousel-height
 $block-gallery-carousel-background: transparent
 
 $block-chapter-layout-accent-background: black

assets/sass/_style.sass

@@ -37,37 +37,33 @@
         margin-top: $spacing-5
         padding-bottom: $spacing-3
 
-.block-gallery--carousel .splide__slide:last-child
-    padding-right: 0
+.block-gallery--carousel
+    @include in-page-with-sidebar
+        padding-top: $spacing-2
+    .slider
+        --slider-transition-opacity-duration: 0s
+    .gallery:not(.slider-list)
+        figure + figure
+            margin-top: $spacing-3
 
-@include media-breakpoint-down(desktop)
-    .block-gallery.block-gallery--carousel
-        .splide
-            &__slide + .splide__slide
-                margin-top: $spacing-1
-            figure 
-                margin-right: 0
-                picture img
-                    max-width: 100%
-        .splide__track
-            margin-right: 0
 .footer-credit
     padding-top: $spacing-7
     &, a
         color: #666666 !important
 
 @include media-breakpoint-up(desktop)
     .block-gallery.block-gallery--carousel
-        .block-content
-            padding-left: 0 !important
-        .splide__arrows
+        .slider-arrows
             padding-top: 0
-        .splide__slide
-            transition: 0s !important
-            &:not(.is-active)
+        .slider-slide
+            &:not(.is-current)
                 opacity: 0 !important
+        .slider-arrows
+            button
+                padding-bottom: $spacing-2
+                padding-top: $spacing-2
         figcaption
-            margin-left: space(20)
+            margin-left: space(30)
             position: absolute
             z-index: 0
     .page__home
@@ -151,9 +147,6 @@
 
     .block-gallery
         padding-top: pxToRem(50) !important
-        .splide__slide
-            opacity: 0
-            transition: opacity 0.3s
         .is-active
             opacity: 1
         .is-moving

config/_default/config.yaml

@@ -12,18 +12,13 @@ params:
     active: false
   blocks:
     gallery:
-      splide:
-        speed: 0
-        arrows: true
-        autoplay: false
-        type: loop
-        autoHeight: true
-        breakpoints:
-          '992':
-            destroy: true
+      slider:
+        transition: 0
+        disable:
+          mobile: true
   image_sizes:
     design_system:
       lightbox:
         disabled: true
   debug:
-     productionUrl: "https://www.lilianaoust.fr"
+    productionUrl: "https://www.lilianaoust.fr"