responsive home actus

2025-09-22 15:49:17 +02:00
parent 5c4df4921b
commit c06774e52b
3 changed files with 107 additions and 1 deletions
@@ -70,6 +70,9 @@
                                        width: 50%;
                                        display: flex;
                                        justify-content: end;
+                                        @media(max-width:810px){
+                                           width: 100%;
+                                        }
                                        .field--name-field-images {
                                                .field__item{
                                                    display: flex;
@@ -107,6 +110,9 @@
                                        width: 45%;
                                        align-content: center;
                                        color: $blue-dark !important;
+                                        @media(max-width:810px){
+                                            width: 100%;
+                                         }
                                        .field--name-field-date,
                                        .field--name-field-lieu,
                                        .field--name-title,
@@ -127,6 +133,7 @@
                                        font-size: 1.3rem;
                                        @media (min-width: 811px) {
                                            // margin-top: 5rem;
+                                            font-size: 0.9rem;
                                        }
                                        div{
                                            display: flex !important;
@@ -138,7 +145,11 @@
                                            font-size: 1.3rem;
                                            font-weight: 800;
                                            padding-right: 1rem;
-                                            width: fit-content;            
+                                            width: fit-content;    
+                                            @media (min-width: 811px) {
+                                                
+                                                font-size: 0.9rem;
+                                            }        
                                        }
                                    }
    
@@ -151,6 +162,8 @@
                                    
                                        @media (max-width: 811px){
                                            display: inline-flex;
+                                            font-size: 0.9rem;
+                                            padding-top: 0.5rem;
                                        }
                                        
                                    }
@@ -161,6 +174,10 @@
                                        h2 a {
                                            color: $blue-dark !important;
                                        }
+                                        @media(max-width:810px){
+                                            font-size: 1rem;
+                                            padding-top: 0.5rem;
+                                         }
                                    }
        
                                    .field--name-field-sous-titre {
@@ -174,6 +191,11 @@
                                    .field--name-field-actu-type {
                                        padding-top: 2rem;
                                        font-size: 1.3rem;
+                                        @media(max-width:810px){
+                                            font-size: 0.9rem;
+                                            padding-top: 1rem;
+                                         }
+                                        
                                    }
        
                                    .field:not(.field--name-field-images) {
@@ -33,14 +33,25 @@
        color: $black;  
        // font-weight: 800;
        flex: 1;
+        
        #block-logogouv{
            display: flex;
            height: 100%;
            align-items: center;
+            @media (max-width: 810px){
+              width: 30%;
+            }
            img{
                width: 100%;
                height: auto;
            }
+            
+        }
+
+  
+        #block-eql-logoepau{
+            height: 100%;
+            align-content: center;          
        }
        #block-logoeql{
            display: flex;
@@ -52,6 +63,12 @@
                width: 100%;
                height: auto;
            }
+            @media (max-width: 810px){
+                
+                img{
+                    width: 80%;
+                }
+            }
        }
    } 
    .region-header-top-rigth{
@@ -75,6 +92,9 @@
            :link{
                color: $blue-dark !important;
            }
+            @media (max-width: 870px){
+                display: none;
+            }   
            
        }  
        #block-logoeql{
@@ -84,6 +104,12 @@
                width: 80px;
                height: auto;
            }
+            @media (max-width: 870px){
+                padding-right: 1rem;
+                // img{
+                //     width: 50px;
+                // }
+            } 
          
        }