ouidade 3 vuotta sitten
vanhempi
commit
9f80e2b26d

+ 1 - 1
web/profiles/d8-starterkit-profile

@@ -1 +1 @@
-Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0

+ 158 - 136
web/themes/custom/eql/css-compiled/styles.css

@@ -131,6 +131,16 @@
 a {
   text-decoration: none; }
 
+@media (max-width: 1325px) {
+  .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
+    position: relative; }
+    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
+      position: relative;
+      bottom: +337%; }
+    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
+      position: relative;
+      bottom: +72%; } }
+
 @media (max-width: 1330px) {
   .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
     position: relative; }
@@ -284,58 +294,53 @@ a {
 .field--type-entity-reference-revisions .paragraph-summary:nth-of-type(2n) {
   font-size: 2rem; }
 
-.block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
-  display: grid;
-  grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-  grid-template-rows: repeat(4, auto); }
-  .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
-    z-index: -99;
-    filter: grayscale(100%);
-    filter: brightness(0%);
-    opacity: 0.5;
-    grid-column: 1 /span 10;
-    grid-row: 1 / span 4; }
-    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images img {
-      width: 100vw;
-      height: auto; }
-  .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
-    grid-column: 2 /span 3;
-    grid-row: 2 / span 3;
-    font-size: 6rem;
-    font-weight: 800;
-    color: #009ee3;
-    margin: 0; }
-    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
+.block-views-blockhome-nodes-block-1 {
+  background: url("../images/pictos/carre-contour-bleu_contact.svg"); }
+  .block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
+    display: grid;
+    grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+    grid-template-rows: repeat(4, auto); }
+    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
+      display: none; }
+    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
+      grid-column: 2 /span 3;
+      grid-row: 2 / span 2;
+      font-size: 5rem;
+      font-weight: 800;
+      color: #009ee3;
+      line-height: 6rem;
       margin: 0; }
-  .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
-    grid-column: 4;
-    grid-row: 1;
-    margin-top: 2rem; }
-    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
-      color: #e1000f;
-      font-weight: 900;
-      text-transform: uppercase; }
-  .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
-    grid-column: 2;
-    grid-row: 4;
-    max-width: 70%;
-    min-width: fit-content;
-    height: 1.5rem;
-    padding: 0.4rem 1rem;
-    font-size: 0.8rem;
-    margin-bottom: 2.5rem;
-    background-color: white;
-    border: 2px solid #009ee3;
-    list-style: none;
-    text-align: center !important; }
-    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a {
-      display: inline-flex;
-      text-transform: uppercase;
-      font-weight: 700;
-      color: #009ee3; }
-      .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
-        display: block;
-        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
+      .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
+        margin: 0; }
+    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
+      grid-column: 4;
+      grid-row: 1;
+      margin-top: 2rem; }
+      .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
+        color: #e1000f;
+        font-weight: 900;
+        text-transform: uppercase; }
+    .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
+      grid-column: 2;
+      grid-row: 4;
+      max-width: 70%;
+      min-width: fit-content;
+      height: 1.5rem;
+      padding: 0.4rem 1rem;
+      font-size: 0.8rem;
+      margin-bottom: 2.5rem;
+      background-color: white;
+      border: 2px solid #009ee3;
+      list-style: none;
+      text-align: center !important; }
+      .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a {
+        display: inline-flex;
+        text-transform: uppercase;
+        font-weight: 700;
+        color: #009ee3; }
+        .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
+          display: block;
+          content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
 
 .block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
   display: grid;
@@ -365,45 +370,32 @@ a {
 
 .block-region-content {
   position: relative; }
-
-.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
-  display: grid;
-  grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-  position: relative;
-  background-color: #009ee3;
-  height: 0;
-  width: 100%;
-  position: relative; }
-  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
-    position: relative;
-    bottom: +326%;
-    grid-column: 5;
-    width: inherit;
-    font-size: 0.8rem;
-    list-style: none;
-    background-color: #009ee3;
-    display: flex;
-    justify-content: center; }
-    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link a {
-      text-transform: uppercase;
-      font-weight: 700;
-      color: #09398b; }
-      .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link a:before {
-        display: block;
-        width: fit-content;
-        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="white" stroke="white" stroke-width="0.7"/></svg>'); }
-  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
-    position: relative;
-    bottom: +140%;
+  .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
     grid-column: 5;
     background-color: #009ee3; }
-    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
-      color: white;
-      font-size: 1.2rem;
-      padding-left: 1rem;
-      padding-right: 1rem;
+    .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
+      text-align: center; }
+      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
+        margin-top: 1rem;
+        display: block;
+        content: url("../images/pictos/picto_faq.svg"); }
+      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
+        font-size: 0.8rem;
+        font-weight: 1000;
+        color: #09398b;
+        text-transform: uppercase; }
+    .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
       margin-top: 0;
+      margin-left: 1.5rem;
+      margin-right: 1.5rem;
       text-align: center; }
+      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
+        font-weight: 800;
+        color: white;
+        font-size: 1.3rem; }
+      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after {
+        display: block;
+        content: url("../images/pictos/noun_Arrow_3771902.svg"); }
 
 .block-views-blockactus-blocks-pages-block-1 {
   clear: both;
@@ -703,65 +695,95 @@ a {
     background-color: #009ee3;
     text-transform: uppercase; }
 
-.block-views-blockfaq-block-1 {
+.path-faq .block-region-content {
   display: grid;
   grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
-  .block-views-blockfaq-block-1 div:first-child {
-    grid-column: 2 / span 3; }
-    .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse {
-      border-bottom: 1px solid #009ee3;
-      padding-bottom: 2rem; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
-        display: none; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p {
-        font-family: 'Source Code Pro';
-        font-weight: 500;
+  .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 {
+    grid-column: 5;
+    background-color: #009ee3; }
+    .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien {
+      text-align: center; }
+      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before {
+        margin-top: 1rem;
+        display: block;
+        content: url("../images/pictos/picto_faq.svg"); }
+      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a {
+        font-size: 0.8rem;
+        font-weight: 1000;
         color: #09398b;
-        font-size: 1.5rem; }
-        .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
-          display: inline-flex;
-          content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-          justify-self: flex-end; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
-        display: none; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
-        display: block; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) {
-        display: none; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) {
-        display: none; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before {
-        display: inline-block;
-        content: url("../images/pictos/noun_Download_file_307900.svg");
-        width: 30px;
-        height: 30px;
-        padding-right: 0.8rem; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a {
-        display: inline-flex;
-        align-items: center;
-        color: black;
-        font-weight: 800; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a {
-        display: flex;
-        flex-direction: row;
-        justify-content: left;
-        align-items: center;
-        color: black;
-        font-weight: 800; }
-        .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before {
+        text-transform: uppercase; }
+    .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p {
+      margin-top: 0;
+      margin-left: 1.5rem;
+      margin-right: 1.5rem;
+      text-align: center; }
+      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p a {
+        font-weight: 800;
+        color: white;
+        font-size: 1.3rem; }
+      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after {
+        display: block;
+        content: url("../images/pictos/noun_Arrow_3771902.svg"); }
+  .path-faq .block-region-content .block-views-blockfaq-block-1 {
+    grid-column: 2 / span 3;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr; }
+    .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child {
+      grid-column: 1 / span 3; }
+      .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse {
+        border-bottom: 1px solid #009ee3;
+        padding-bottom: 2rem; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
+          display: none; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p {
+          font-family: 'Source Code Pro';
+          font-weight: 500;
+          color: #09398b;
+          font-size: 1.5rem; }
+          .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
+            display: inline-flex;
+            content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+            justify-self: flex-end; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
+          display: none; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
+          display: block; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) {
+          display: none; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) {
+          display: none; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before {
           display: inline-block;
-          content: url("../images/pictos/noun_External Link_674151.svg");
+          content: url("../images/pictos/noun_Download_file_307900.svg");
           width: 30px;
           height: 30px;
           padding-right: 0.8rem; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
-        display: none; }
-      .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress {
-        margin-top: 0.5rem; }
-        .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a {
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a {
+          display: inline-flex;
+          align-items: center;
           color: black;
-          text-decoration: underline;
           font-weight: 800; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a {
+          display: flex;
+          flex-direction: row;
+          justify-content: left;
+          align-items: center;
+          color: black;
+          font-weight: 800; }
+          .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before {
+            display: inline-block;
+            content: url("../images/pictos/noun_External Link_674151.svg");
+            width: 30px;
+            height: 30px;
+            padding-right: 0.8rem; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
+          display: none; }
+        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress {
+          margin-top: 0.5rem; }
+          .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a {
+            color: black;
+            text-decoration: underline;
+            font-weight: 800; }
 
 /*partials*/
 .layout-container {

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 13 - 8
web/themes/custom/eql/images/pictos/picto_faq.svg


+ 17 - 0
web/themes/custom/eql/scss/global/_mediaqueries.scss

@@ -1,3 +1,20 @@
+@media (max-width: 1325px){
+    .path-frontpage{
+        .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+            position: relative;
+            .field--name-field-lien.field--type-link{
+                position: relative;
+                bottom: +337%;
+            }   
+            .field--name-field-description{
+                position: relative;
+                bottom: +72%;
+            } 
+        }
+    
+    }
+}
+
 @media (max-width: 1330px){
     .path-frontpage{
         .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{

+ 123 - 82
web/themes/custom/eql/scss/pages/_faq.scss

@@ -1,95 +1,136 @@
 
-.block-views-blockfaq-block-1{
-    display: grid;
-    grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-    div:first-child{
-        grid-column: 2 / span 3;
-        // width: 70%;
-        // margin: auto;
-        .node-type-question_reponse{
-            border-bottom: 1px solid $blue-light;
-            padding-bottom: 2rem;
-            .field--name-title{
-                display: none;                 
+.path-faq{
+    .block-region-content{
+        display: grid;
+        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+        .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{
+            grid-column: 5;
+            background-color: $blue-light;
+            .field--name-field-lien{
+                &:before{
+                    margin-top: 1rem;
+                    display: block;
+                    content: url("../images/pictos/picto_faq.svg");
+                    
+                }
+                text-align: center;
+                a{
+                    font-size: 0.8rem;
+                    font-weight: 1000;
+                    color: $blue-dark;
+                    text-transform: uppercase;
+                }
             }
-
-            .field--name-field-question{
+            .field--name-field-description{
                 p{
-                    font-family: 'Source Code Pro' ;
-                    font-weight: 500 ;
-                    color: $blue-dark ;
-                    font-size: 1.5rem;
+                    margin-top: 0;
+                    margin-left: 1.5rem;
+                    margin-right: 1.5rem;
+                    text-align: center;
+                    a{
+                        font-weight: 800;
+                        color: $white;
+                        font-size: 1.3rem;
+                    } 
                     &:after{
-                        display:inline-flex;
-                        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-                        justify-self: flex-end;
-                    }
-                }  
-            }
-    
-            .field--name-field-reponse{
-               
-                    display: none;
-               
-            }
-            .opened{
-             display: block;       
-            }
-            .field--name-field-fichiers{        
-                span:nth-of-type(2){
-                    display: none;
-                }
+                        display: block;
+                        content:url("../images/pictos/noun_Arrow_3771902.svg")
 
-                .file--mime-application-pdf{
-                    span:nth-of-type(2){
-                        display: none;
+                    }   
+                }
+            }
+        }
+        .block-views-blockfaq-block-1{
+            grid-column: 2 / span 3;
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr;
+            div:first-child{
+                grid-column: 1 / span 3;
+                // width: 70%;
+                // margin: auto;
+                .node-type-question_reponse{
+                    border-bottom: 1px solid $blue-light;
+                    padding-bottom: 2rem;
+                    .field--name-title{
+                        display: none;                 
                     }
-                    ::before{
-                        display: inline-block;
-                        content: url("../images/pictos/noun_Download_file_307900.svg");
-                        width: 30px;
-                        height: 30px;
-                        padding-right: 0.8rem;
+        
+                    .field--name-field-question{
+                        p{
+                            font-family: 'Source Code Pro' ;
+                            font-weight: 500 ;
+                            color: $blue-dark ;
+                            font-size: 1.5rem;
+                            &:after{
+                                display:inline-flex;
+                                content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                                justify-self: flex-end;
+                            }
+                        }  
                     }
-                    a{
-                        display: inline-flex;
-                        align-items: center;
-                        color: $black;
-                        font-weight: 800;
+            
+                    .field--name-field-reponse{
+                            display: none;
                     }
-                }
-            }    
-            .field--name-field-liens{
-
-                a{
-                    &:before{
-                        display: inline-block;
-                        content: url("../images/pictos/noun_External Link_674151.svg");
-                        width: 30px;
-                        height: 30px;
-                        padding-right: 0.8rem;
+                    .opened{
+                     display: block;       
+                    }
+                    .field--name-field-fichiers{        
+                        span:nth-of-type(2){
+                            display: none;
+                        }
+        
+                        .file--mime-application-pdf{
+                            span:nth-of-type(2){
+                                display: none;
+                            }
+                            ::before{
+                                display: inline-block;
+                                content: url("../images/pictos/noun_Download_file_307900.svg");
+                                width: 30px;
+                                height: 30px;
+                                padding-right: 0.8rem;
+                            }
+                            a{
+                                display: inline-flex;
+                                align-items: center;
+                                color: $black;
+                                font-weight: 800;
+                            }
+                        }
+                    }    
+                    .field--name-field-liens{
+        
+                        a{
+                            &:before{
+                                display: inline-block;
+                                content: url("../images/pictos/noun_External Link_674151.svg");
+                                width: 30px;
+                                height: 30px;
+                                padding-right: 0.8rem;
+                            }
+                            display:flex;
+                            flex-direction: row;
+                            justify-content: left;
+                            align-items: center;
+                            color: $black;
+                            font-weight: 800;
+                        }   
+                        svg{
+                            display: none;
+                        }
+                    }
+                    .field--name-field-ress{
+                        margin-top: 0.5rem;
+        
+                        a{
+                            color: $black;
+                            text-decoration: underline;
+                            font-weight: 800;
+                        }
                     }
-                    display:flex;
-                    flex-direction: row;
-                    justify-content: left;
-                    align-items: center;
-                    color: $black;
-                    font-weight: 800;
-                }   
-                svg{
-                    display: none;
-                }
-            }
-            .field--name-field-ress{
-                margin-top: 0.5rem;
-
-                a{
-                    color: $black;
-                    text-decoration: underline;
-                    font-weight: 800;
                 }
             }
-        }
+        }    
     }
 }
-

+ 99 - 58
web/themes/custom/eql/scss/pages/_home.scss

@@ -23,6 +23,7 @@
 // 1er bandeau
 
 .block-views-blockhome-nodes-block-1{
+    background: url("../images/pictos/carre-contour-bleu_contact.svg");
 
     .node-type-static{
         div:first-child{
@@ -31,24 +32,26 @@
             grid-template-columns: 1fr repeat(4, 2fr) 1fr;
             grid-template-rows: repeat(4, auto);
             .field--name-field-images{
-                z-index: -99;
-                filter: grayscale(100%);
-                filter: brightness(0%);
-                opacity: 0.5;
-                // display: none;
-                grid-column: 1 /span 10;
-                grid-row: 1 / span 4;
-                img{
-                    width: 100vw;
-                    height: auto;
-                }
+                display: none;
+                //     z-index: -99;
+            //     filter: grayscale(100%);
+            //     filter: brightness(0%);
+            //     opacity: 0.5;
+            //     // display: none;
+            //     grid-column: 1 /span 10;
+            //     grid-row: 1 / span 4;
+            //     img{
+            //         width: 100vw;
+            //         height: auto;
+            //     }
             }
             .field--name-field-accroche{
                 grid-column: 2 /span 3;
-                grid-row: 2 / span 3;
-                font-size: 6rem;
+                grid-row: 2 / span 2;
+                font-size: 5rem;
                 font-weight: 800;
                 color: $blue-light;
+                line-height: 6rem;
                 p{
                     margin: 0;
                 }
@@ -58,6 +61,7 @@
                 grid-column: 4;
                 grid-row: 1;
                 margin-top: 2rem;
+
                 h2{ 
                     a{
                         color: #e1000f;
@@ -135,53 +139,90 @@
 // bouton foire aux questions
 .block-region-content{
     position: relative;
-}
-.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-    display: grid;
-    grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-    position: relative;
-    background-color: $blue-light;
-    height: 0;
-    width: 100%;
-    position: relative;
 
-    .field--name-field-lien.field--type-link{
-        position: relative;
-        bottom: +326%;
-        grid-column: 5;
-        width:inherit;
-        font-size: 0.8rem;
-        list-style: none;
-        background-color: $blue-light;
-        display: flex;
-        justify-content: center;
-
-        a{
-            text-transform: uppercase;
-            font-weight: 700;
-            color: $blue-dark;
-            &:before{
-                display: block;
-                width: fit-content;
-                content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="white" stroke="white" stroke-width="0.7"/></svg>');
+    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+        // display: grid;
+        // grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+        // position: relative;
+        // background-color: $blue-light;
+        // height: 0;
+        // width: 100%;
+        // position: relative;
+    
+        // .field--name-field-lien.field--type-link{
+        //     position: relative;
+        //     bottom: +326%;
+        //     grid-column: 5;
+        //     width:inherit;
+        //     font-size: 0.8rem;
+        //     list-style: none;
+        //     background-color: $blue-light;
+        //     display: flex;
+        //     justify-content: center;
+    
+        //     a{
+        //         text-transform: uppercase;
+        //         font-weight: 700;
+        //         color: $blue-dark;
+        //         &:before{
+        //             display: block;
+        //             width: fit-content;
+        //             content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="white" stroke="white" stroke-width="0.7"/></svg>');
+        //         }
+        //     }
+            grid-column: 5;
+            background-color: $blue-light;
+            .field--name-field-lien{
+                &:before{
+                    margin-top: 1rem;
+                    display: block;
+                    content: url("../images/pictos/picto_faq.svg");
+                }
+                text-align: center;
+                a{
+                    font-size: 0.8rem;
+                    font-weight: 1000;
+                    color: $blue-dark;
+                    text-transform: uppercase;
+                }
             }
-        }
-    }   
-    .field--name-field-description{
-        position: relative;
-        bottom: +140%;
-        grid-column: 5;
-        background-color: $blue-light;
-        p{
-            color: $white;
-            font-size: 1.2rem;
-            padding-left: 1rem;
-            padding-right: 1rem;
-            margin-top: 0;
-            text-align: center;
-        }
-    } 
-
+            .field--name-field-description{
+                p{
+                    margin-top: 0;
+                    margin-left: 1.5rem;
+                    margin-right: 1.5rem;
+                    text-align: center;
+                    a{
+                        font-weight: 800;
+                        color: $white;
+                        font-size: 1.3rem;
+                    } 
+                    &:after{
+                        display: block;
+                        content:url("../images/pictos/noun_Arrow_3771902.svg")
+    
+                    }   
+                }
+            }
+    
+              
+            // .field--name-field-description{
+            //     position: relative;
+            //     bottom: +140%;
+            //     grid-column: 5;
+            //     background-color: $blue-light;
+            //     p{
+            //         color: $white;
+            //         font-size: 1.2rem;
+            //         padding-left: 1rem;
+            //         padding-right: 1rem;
+            //         margin-top: 0;
+            //         text-align: center;
+            //     }
+            // } 
+       
+    }
+    
 }
 
 // bandeau actus

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä