début du thème, footer et header en mobile

2023-12-06 17:06:45 +01:00
parent b258cc3181
commit a08922d8be
19 changed files with 644 additions and 12 deletions
--- a/web/themes/erabletheme/scss/partials/_carousel.scss
+++ b/web/themes/erabletheme/scss/partials/_carousel.scss
@@ -0,0 +1,56 @@
+.slick-container {
+    @include beige_gradient();
+    width: 100vw;
+    border-bottom: solid 2px $teal;
+    div.views-row article {
+        width: 100%;
+        div:first-of-type { // container du lien image
+            width: 100%;
+            max-height: 40vh;
+            overflow-y: hidden;
+            > div {
+                width: 100%;
+                > a {
+                    max-width: 100%;
+                    img {
+                        width: 100%;
+                        height: auto;
+                    }
+                }
+            }
+        }
+        
+        .preview_date, .preview_type, .preview_sous_titre {
+            font-family: "Marianne", sans-serif;
+            font-size: $m_font_size;
+            padding: 2px $x_margin;
+        }
+        .preview_date {
+            margin-top: 1.3rem;
+            font-weight: 800;
+        }
+        h2 {
+            @include main_title();
+        }
+    }
+    #carousel_dots {
+        position: relative;
+        margin-top: -15px;
+        ul {
+            position: relative;
+            bottom: 0;
+            li.slick-active button::before{
+                color: $fluo_green;
+            }
+            li button::before{
+                color: rgba(0.9, 0.9, 0.9, 1);
+            }
+        }
+    }
+    footer {
+        @include fluo_button();
+        text-align: center;
+        margin-top: 4rem;
+        margin-bottom: 4rem;
+    }
+}