Importation des concours

public/assets/sass/framework/_carousel.scss

@@ -0,0 +1,64 @@
+.splide {
+    margin-bottom: -20px !important;
+    &:active{
+        cursor: grab;
+    }
+    .splide__list {
+        padding-bottom: 20px !important;
+    }
+}
+.carousel-single,
+.carousel-small {
+    .splide__slide {
+        margin-left: -16px !important;
+        padding-right: 16px !important;
+    }
+}
+.carousel-multiple{
+    .splide__slide {
+        margin-left: -8px !important;
+        padding-right: 8px !important;
+    }
+}
+.carousel-slider {
+    text-align: center;
+    .splide__list {
+        padding-bottom: 100px !important;
+    }
+    .imaged.w-100 {
+        max-width: 400px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    .splide__pagination {
+        position: fixed;
+        width: 100%;
+        bottom: 120px;
+        button {
+            background: $colorLine;
+            margin: 0 5px !important;
+            &.is-active {
+                background: $colorLight;
+                transform: scale(1);
+            }
+        }
+    }
+}
+.carousel-button-footer {
+    min-height: 84px;
+    padding-left: 8px;
+    padding-right: 8px;
+    padding-bottom: $safeBottom;
+    width: 100%;
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 990;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    > div {
+        width: 100%;
+    }
+}