Forráskód Böngészése

grid partenaires ok

ouidade 3 éve
szülő
commit
ca9bbfe359

+ 24 - 13
web/themes/custom/eql/css-compiled/styles.css

@@ -308,19 +308,30 @@ a {
         margin: 0;
         padding-bottom: 1rem; }
 
-.field--name-field-partenaires .paragraph--type--partenaire {
-  display: grid;
-  grid-template-columns: 1fr 2fr;
-  grid-template-areas: "logo content"; }
-  .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
-    grid-area: logo; }
-  .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
-    grid-area: content;
-    font-weight: 800; }
-  .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
-    grid-area: content; }
-  .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
-    grid-area: content; }
+.field--name-field-partenaires {
+  padding-top: 3rem; }
+  .field--name-field-partenaires .paragraph--type--partenaire {
+    padding-bottom: 3rem;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, 120px);
+    grid-template-rows: repeat(auto-fill); }
+    .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
+      grid-column: 1 / 4;
+      grid-row: 1 / 3; }
+    .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
+      grid-column: 3 / 7;
+      grid-row: 1;
+      font-weight: 800; }
+    .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
+      grid-column: 3 / 7;
+      grid-row: 2; }
+    .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
+      grid-column: 3 / 7;
+      grid-row: 3; }
+  .field--name-field-partenaires a {
+    color: black; }
+    .field--name-field-partenaires a svg {
+      display: none; }
 
 .node-type-actualite {
   color: #09398b;

+ 20 - 18
web/themes/custom/eql/scss/pages/_partenaires.scss

@@ -2,37 +2,39 @@
 
 
 .field--name-field-partenaires{
-    // display: flex;
-    // flex-direction: column;
+    padding-top: 3rem;
     .paragraph--type--partenaire{
-        // display: flex;
-        // flex-direction: column;        
+
+        padding-bottom: 3rem;
         display: grid;
-        grid-template-columns: 1fr 2fr;
-        grid-template-areas: "logo content";
+        grid-template-columns: repeat(auto-fill, 120px);
+        grid-template-rows: repeat(auto-fill);
 
         .field--name-field-logo{
-            grid-area: logo;
-
-            // width: 30%;
-            // order: -1;
-            // flex: 0 0 100%;
-
+            grid-column: 1 / 4;
+            grid-row:  1 / 3;
         }
         .field--name-field-titre{
-            // // clear: both;
-            // width: 70%;
-            grid-area: content;
+            grid-column: 3 / 7;
+            grid-row:  1;
             font-weight: 800;
+            
         }
         .field--name-field-texte{
-            // width: 70%;
-            grid-area: content;
+            grid-column: 3 / 7;
+            grid-row:  2;
         }
         .field--name-field-lien{
-            grid-area: content;
+            grid-column: 3 / 7;
+            grid-row:  3;
         }
     
     }
+    a{
+        color: $black;
+        svg{
+            display: none;
+        }
+    }
     
 }