From 40ed34871d8624773f7bcb91a5ce74e43d002e36 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 8 Apr 2022 16:35:48 +0200
Subject: [PATCH] responsive actu

---
 web/themes/custom/eql/css-compiled/styles.css | 32 +++++++++--------
 .../custom/eql/scss/pages/_actualite.scss     | 36 ++++++++++---------
 2 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index ede2305..15d386e 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -724,6 +724,10 @@ a {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
     display: grid;
     grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
+    @media (max-width: 810px) {
+      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
+        display: flex;
+        flex-direction: column; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344 {
       grid-column: 1 / span 10;
       width: 100%;
@@ -750,12 +754,12 @@ a {
         font-family: "Source Code Pro";
         font-size: 2.5rem;
         font-weight: 500; }
-      @media (max-width: 810px) {
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
-          width: 70%;
-          margin-left: 10%;
-          margin-right: 10%;
-          font-size: 1.7rem; } }
+        @media (max-width: 810px) {
+          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+            width: 70%;
+            margin-left: 10%;
+            margin-right: 10%;
+            font-size: 1.9em; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
       grid-column: 2 / span 3;
       text-transform: uppercase;
@@ -770,10 +774,10 @@ a {
           padding-right: 1rem;
           padding-left: 1rem;
           content: "|"; }
-      @media (max-width: 810px) {
-        .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
-          margin-left: 10%;
-          font-size: 1rem; } }
+        @media (max-width: 810px) {
+          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date {
+            margin-left: 10%;
+            font-size: 1rem; } }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
       grid-column: 2 /span 7;
       margin-top: 1rem;
@@ -798,10 +802,10 @@ a {
       .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote {
         margin-left: 0em;
         font-size: 0.8rem; }
-    @media (max-width: 810px) {
-      .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
-        display: flex;
-        flex-direction: column; } }
+        @media (max-width: 810px) {
+          .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote {
+            margin-left: 10%;
+            font-size: 0.7rem; } }
 
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
   display: flex;
diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss
index 8a018c6..a81b269 100644
--- a/web/themes/custom/eql/scss/pages/_actualite.scss
+++ b/web/themes/custom/eql/scss/pages/_actualite.scss
@@ -23,7 +23,10 @@
                 display: grid;
                 grid-template-columns: 1fr repeat(8, 1fr) 1fr;
 
-
+                    @media (max-width: 810px){
+                    display: flex;
+                    flex-direction: column;
+                }
                 .block-block-contentacfaf4e3-d7d0-42a6-a2a6-3c6ccd0e9344{
                     grid-column: 1 / span 10;
                     width: 100%;
@@ -54,15 +57,15 @@
                         font-family: "Source Code Pro";
                         font-size: 2.5rem;
                         font-weight: 500;
-                        
-                    }
-                    @media (max-width: 810px){
-                        width:  70%;
-                        margin-left: 10%;
-                        margin-right: 10%;
-                        font-size: 1.7rem;
+                        @media (max-width: 810px){
+                            width:  70%;
+                            margin-left: 10%;
+                            margin-right: 10%;
+                            font-size: 1.9em;
+                        }   
                     }
                     
+                    
                 }
 
                 .block-entity-fieldnodefield-date{
@@ -80,11 +83,12 @@
                             padding-left: 1rem;
                             content: "|";
                         }
+                        @media (max-width: 810px){
+                            margin-left: 10%;
+                            font-size: 1rem;
+                        }
                     }
-                    @media (max-width: 810px){
-                        margin-left: 10%;
-                        font-size: 1rem;
-                    }
+                    
                 }
 
                 .block-entity-fieldnodefield-sous-titre{
@@ -121,12 +125,12 @@
                     blockquote{
                         margin-left: 0em;
                         font-size: 0.8rem;
+                        @media (max-width: 810px){
+                            margin-left: 10%;
+                            font-size: 0.7rem;
+                        }
                     }
                 }
-                @media (max-width: 810px){
-                    display: flex;
-                    flex-direction: column;
-                }
             }                       
         }
         .layout__region--first{