ressources, corrections fonds, placement icones map projets fonctionnel en mobile

web/themes/erabletheme/scss/_actualites.scss

@@ -11,3 +11,13 @@
     }
   }
 }
+
+.fullpage {
+  .actus_list {
+    h2 {
+      @media screen and (min-width: $breakpoint_tablet) {
+        font-size: $xl_font_size !important;
+      }
+    }
+  }
+}

web/themes/erabletheme/scss/_projets.scss

@@ -433,3 +433,38 @@
     }
   }
 }
+
+.taxonomy_page {
+  > .fullpage_content {
+    > div:last-of-type {
+      display: grid !important;
+      grid-template-columns: 0.5fr 1fr;
+      grid-template-rows: repeat(3, auto);
+      > .diapo {
+        grid-column: 1;
+        grid-row: 2/4;
+        margin: 0 !important;
+        margin-left: $x_margin !important;
+      }
+      > .sous_titre {
+        grid-column: 1/3;
+        grid-row: 1;
+        margin-bottom: 2rem;
+      }
+      > .localisation {
+        grid-column: 2;
+        grid-row: 2;
+        margin-top: 0 !important;
+      }
+      > .thematiques {
+        grid-column: 2;
+        grid-row: 3;
+      }
+    }
+  }
+}
+
+// in taxonomy pages
+.feed-icon {
+  display: none;
+}

web/themes/erabletheme/scss/_ressources.scss

@@ -0,0 +1,117 @@
+.ressources {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+  > .main-title {
+    display: none;
+  }
+  > div {
+    padding: 0 $x_margin;
+    display: grid;
+    grid-template-columns: 0.25fr 1fr;
+    grid-auto-rows: auto;
+    > div > div:first-of-type {
+      display: none;
+    }
+    > h2 {
+      grid-column: 2;
+      grid-row: 1;
+      margin: 0 !important;
+      padding: 0 !important;
+      justify-self: start;
+      > a > span {
+        //margin-top: -1rem !important;
+        display: block;
+        @include sous_titre_alt();
+      }
+    }
+    > div:first-of-type {
+      grid-column: 2;
+      grid-row: 3;
+      > div > span {
+        margin-top: -1rem;
+        @include fluo_button();
+      }
+      > div > span:last-of-type {
+        display: none;
+      }
+    }
+    > div:nth-of-type(2) {
+      grid-column: 1;
+      grid-row: 1/4;
+      padding: 2rem 0;
+      margin-right: 2rem;
+      img {
+        width: 100%;
+        height: auto;
+      }
+    }
+    > div:nth-of-type(3) {
+      grid-column: 2;
+      grid-row: 2;
+      margin-top: -1rem;
+      @include main_text_content();
+    }
+  }
+}
+
+.views-row:first-of-type {
+  > .ressources {
+    margin-top: 13vh !important;
+    > .main-title {
+      display: block;
+      padding-top: 5vh !important;
+      @include main_title();
+    }
+  }
+}
+
+.ressource {
+  > div {
+    margin: $x_margin;
+    display: grid;
+    grid-template-columns: 0.25fr 1fr;
+    grid-auto-rows: auto;
+    > div > div:first-of-type {
+      display: none;
+    }
+    > h2 {
+      grid-column: 2;
+      grid-row: 1;
+      margin: 0 !important;
+      padding: 0 !important;
+      justify-self: start;
+      > span {
+        //margin-top: -1rem !important;
+        display: block;
+        @include sous_titre_alt();
+      }
+    }
+    > div:first-of-type {
+      grid-column: 2;
+      grid-row: 3;
+      > div > span {
+        margin-top: -1rem;
+        @include fluo_button();
+      }
+      > div > span:last-of-type {
+        display: none;
+      }
+    }
+    > div:nth-of-type(2) {
+      grid-column: 1;
+      grid-row: 1/4;
+      padding: 2rem 0;
+      margin-right: 2rem;
+      img {
+        width: 100%;
+        height: auto;
+      }
+    }
+    > div:nth-of-type(3) {
+      grid-column: 2;
+      grid-row: 2;
+      margin-top: -1rem;
+      @include main_text_content();
+    }
+  }
+}

web/themes/erabletheme/scss/global/_global.scss

@@ -14,6 +14,10 @@ body {
   overflow-x: hidden;
 }
 
+html {
+  overflow-x: hidden;
+}
+
 .layout-container {
     display: flex;
 }

web/themes/erabletheme/scss/global/variables/_typography.scss

@@ -34,6 +34,7 @@ $title_size: 2.3rem;
   font-size: $m_font_size;
   color: $teal;
   font-weight: 800;
+  line-height: 1.3;
   @media (min-width: $breakpoint_tablet) {
     font-size: $l_font_size;
   }

web/themes/erabletheme/scss/partials/_background.scss

@@ -1,14 +1,20 @@
 #background {
   z-index: -1;
+  max-width: 99vw;
+  width: 100vw;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
   img {
     position: absolute;
     pointer-events: none;
   }
   #bg-top {
-    #bg-1 {
+    /* #bg-1 {
       top: 5vh;
       left: 0;
-    }
+    } */
     #bg-3 {
       top: 13vh;
       left: -10vw;
@@ -17,17 +23,18 @@
       top: 8vh;
       left: -28vw;
     }
-    #bg-4 {
+    #bg-5 {
+      width: 20vw;
+      top: 5vh;
+      right: -10vw;
+    }
+    /* #bg-4 {
       top: 18vh;
       right: -45vw;
-    }
+    } */
 
   }
   #bg-middle {
-    #bg-5 {
-      top: -20vh;
-      right: -10vw;
-    }
     #bg-6 {
       top: 5vh;
       right: -5vw;
@@ -37,11 +44,11 @@
       top: 10vh;
       right: 0vw;
     }
-    #bg-8 {
+    /* #bg-8 {
       width: 80vw;
       top: 45vh;
       left: -40vw;
-    }
+    } */
     #bg-12 {
       width: 105vw;
       left: -5vw;

web/themes/erabletheme/scss/partials/_header.scss

@@ -230,7 +230,8 @@ body.toolbar-fixed header[role="banner"] {
                     > li:nth-of-type(6),
                     > li:nth-of-type(7),
                     > li:nth-of-type(8),
-                    > li:nth-of-type(9) {
+                    > li:nth-of-type(9),
+                    > li:nth-of-type(10) {
                         border-bottom: solid 1px white;
                         padding: 12px 0;
                     }

web/themes/erabletheme/scss/styles.scss

@@ -25,4 +25,5 @@
 @import "_meetup.scss";
 @import "_projets.scss";
 @import "_actualites.scss";
+@import "_ressources.scss";
 @import "_faq.scss";