home + responsive

2022-03-10 10:53:52 +01:00
parent d8632851a9
commit 3f4ffd88de
10 changed files with 2190 additions and 78 deletions
@@ -4,16 +4,21 @@
    #block-headermenu{
         display:none;
    }
+
    .page-node-type-static{
-        .layout__region--top{               //bandeau titre page static
+
+         //bandeau titre page static
+        .layout__region--top{              
            height: 23vh;
        
            .block-entity-fieldnodetitle{
                margin-top: 11vh;
            }
        }
+
+        // page partenaires
        .node-id-20{
-            .field--name-field-partenaires{    // page partenaires
+            .field--name-field-partenaires{    
                .paragraph--type--partenaire{
                    display: flex;
                    flex-direction: column;
@@ -22,8 +27,10 @@
        } 

    }
+
+    // home présentation programme
    .path-frontpage{
-        .view-display-id-block_2:is(.view-id-home_nodes){    // home présentation programme
+        .view-display-id-block_2:is(.view-id-home_nodes){    
            .node-type-static{
                width: 70%;
                // margin: auto;
@@ -43,7 +50,38 @@
        
      
 }    
+/////////marche pas !!!!!!

+@media (max-width: 810px){
+    .page-node-type-static{
+
+        //bandeau titre page static
+       .layout__region--top{       
+        padding-bottom: 0rem;
+            .block-entity-fieldnodetitle{
+                margin-left: 8%;
+                margin-right: 5%;
+            }
+        }
+        .layout__region--first{ 
+            .block-region-first{
+                display: none;
+            }
+                
+        }  
+        .layout__region--second{ 
+            flex: 0 1 80%;
+            margin: auto;
+        } 
+        .layout__region--third{     
+            .block-region-third{
+                margin: auto;
+            }
+        }    
+       
+    }
+
+}


@media (max-width: 479px){ 
@@ -62,6 +100,7 @@
                height: auto;
            }
        }
+
    }
    .path-frontpage{
        .block-region-content{
@@ -74,5 +113,25 @@
                }
            }
        }
-   }
+    }
+    
+    .path-ressources.basededonnees{
+        .layout-content{
+            .region-content{
+                #block-contenudelapageprincipale{
+                    .layout--onecol{
+                        .block-region-content{
+                            .block-views-blockcollections-block-1{
+                                div:first-of-type{
+                                        width: 90%;
+                                        display: flex;
+                                        margin: auto;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }                            
 }