فهرست منبع

bouton foire aux questions home

ouidade 3 سال پیش
والد
کامیت
054e9dcaf2
3فایلهای تغییر یافته به همراه124 افزوده شده و 29 حذف شده
  1. 1 1
      web/profiles/d8-starterkit-profile
  2. 59 21
      web/themes/custom/eql/css-compiled/styles.css
  3. 64 7
      web/themes/custom/eql/scss/pages/_home.scss

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

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

+ 59 - 21
web/themes/custom/eql/css-compiled/styles.css

@@ -298,7 +298,46 @@ a {
     .block-views-blockhome-nodes-block-1 .links.inline a:after {
       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 .field--type-link {
+  justify-self: end;
+  position: relative;
+  width: fit-content;
+  height: fit-content;
+  padding: 0.4rem 1rem;
+  font-size: 0.8rem;
+  margin: 0;
+  background-color: white;
+  border: 2px solid #009ee3;
+  list-style: none; }
+  .block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a {
+    text-transform: uppercase;
+    font-weight: 700;
+    color: #009ee3; }
+  .block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
+    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-content1bb9024b-d95f-4137-894c-362abf10a483 {
+  background-color: #009ee3;
+  width: 25%;
+  float: right; }
+  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
+    align-self: flex-end;
+    width: fit-content;
+    height: fit-content;
+    padding: 0.4rem 1rem;
+    font-size: 0.8rem;
+    margin: 0;
+    list-style: none; }
+    .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: black; }
+  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 p {
+    color: white;
+    font-size: 1.2rem; }
+
 .block-views-blockactus-blocks-pages-block-1 {
+  clear: both;
   border-bottom: 5px solid #009ee3;
   border-top: 5px solid #009ee3; }
   .block-views-blockactus-blocks-pages-block-1 .view-content {
@@ -353,31 +392,30 @@ a {
       .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-actu-type {
         padding-top: 2rem; }
 
-.layout--onecol .block-block-content {
+.block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
   display: grid;
   grid-template-columns: 1fr repeat(8, 2fr) 1fr;
   position: relative;
   height: 0; }
-
-.layout--onecol .field--type-link {
-  grid-area: 8 / span 9;
-  justify-self: end;
-  position: relative;
-  top: -200%;
-  width: fit-content;
-  height: fit-content;
-  padding: 0.4rem 1rem;
-  font-size: 0.8rem;
-  margin: 0;
-  background-color: white;
-  border: 2px solid #009ee3;
-  list-style: none; }
-  .layout--onecol .field--type-link a {
-    text-transform: uppercase;
-    font-weight: 700;
-    color: #009ee3; }
-  .layout--onecol .field--type-link a::after {
-    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-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link {
+    grid-area: 8 / span 9;
+    justify-self: end;
+    position: relative;
+    top: -200%;
+    width: fit-content;
+    height: fit-content;
+    padding: 0.4rem 1rem;
+    font-size: 0.8rem;
+    margin: 0;
+    background-color: white;
+    border: 2px solid #009ee3;
+    list-style: none; }
+    .block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a {
+      text-transform: uppercase;
+      font-weight: 700;
+      color: #009ee3; }
+    .block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a::after {
+      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>'); }
 
 .view-display-id-block_2:is(.view-id-home_nodes) {
   padding-top: 2rem;

+ 64 - 7
web/themes/custom/eql/scss/pages/_home.scss

@@ -74,11 +74,67 @@
         }
     }
 }
+.block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
+    .field--type-link {
+        justify-self: end;
+        position: relative;
+        width: fit-content;
+        height: fit-content;
+        padding: 0.4rem 1rem;
+        font-size: 0.8rem;
+        margin: 0;
+        background-color: $white;
+        border: 2px solid $blue-light;  
+        list-style: none; 
+      
+        a{
+            text-transform: uppercase;
+            font-weight: 700;
+            color: $blue-light;
 
+        } 
+        a::after{
+            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>');
+    
+        }
+    }
+}
+
+// bouton foire aux questions
+
+.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+    background-color: $blue-light;
+    width: 25%;
+    float: right;
+    .field--name-field-lien.field--type-link{
+        align-self: flex-end;
+        width: fit-content;
+        height: fit-content;
+        padding: 0.4rem 1rem;
+        font-size: 0.8rem;
+        margin: 0;
+        list-style: none;
+
+        a{
+            text-transform: uppercase;
+            font-weight: 700;
+            color: $black;
+            // &: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>');
+            // }
+        }
+    }    
+    p{
+        color: $white;
+        font-size: 1.2rem;
+    }
+}
 
 // bandeau actus
 
 .block-views-blockactus-blocks-pages-block-1{
+    clear: both;
     border-bottom: 5px solid $blue-light;
     border-top: 5px solid $blue-light;
     .view-content{
@@ -147,13 +203,13 @@
 
 
 // bouton voir toutes actus du bandeau bleu
-.layout--onecol{
-    .block-block-content{
-        display: grid;
-        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
-        position: relative;
-        height: 0;
-    }      
+// .layout--onecol{
+.block-block-content.block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
+    display: grid;
+    grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+    position: relative;
+    height: 0;
+        
     .field--type-link {
         grid-area: 8 / span 9;
         justify-self: end;
@@ -180,6 +236,7 @@
         }
     }
 }
+// }
 
 
 // boutons en savoir plus pour lien vers pages statiques