Browse Source

debut media queries

ouidade 3 years ago
parent
commit
41310359c6

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

@@ -128,17 +128,35 @@
 a {
   text-decoration: none; }
 
+@media (max-width: 934px) {
+  #block-headermenu {
+    display: none; }
+  .page-node-type-static .layout__region--top {
+    height: 23vh; }
+    .page-node-type-static .layout__region--top .block-entity-fieldnodetitle {
+      margin-top: 11vh; }
+  .page-node-type-static .node-id-20 .field--name-field-partenaires .paragraph--type--partenaire {
+    display: flex;
+    flex-direction: column; }
+  .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
+    width: 70%; }
+    .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) {
+      display: flex;
+      flex-direction: column; }
+    .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
+      width: 100%; } }
+
 /*pages*/
 /*
 @import "pages/partials/header_footer";
 @import "pages/home";*/
 .layout__region--top {
   padding-bottom: 3rem;
-  height: 300px; }
+  height: 30vh; }
   .layout__region--top .block-entity-fieldnodetitle {
     width: fit-content;
     margin-left: 13%;
-    margin-top: 200px; }
+    margin-top: 15vh; }
   .layout__region--top .block-entity-fieldnodefield-images {
     display: none;
     height: inherit; }
@@ -402,7 +420,7 @@ a {
 
 .node-id-20 {
   background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
-  background-repeat: no-repeat;
+  background-repeat: repeat;
   background-position-y: 7rem;
   max-width: 100vw;
   background-size: contain; }

+ 44 - 0
web/themes/custom/eql/scss/global/_mediaqueries.scss

@@ -0,0 +1,44 @@
+
+@media (max-width: 934px){ 
+    #block-headermenu{
+         display:none;
+    }
+    .page-node-type-static{
+        .layout__region--top{               //bandeau titre page static
+            height: 23vh;
+        
+            .block-entity-fieldnodetitle{
+                margin-top: 11vh;
+            }
+        }
+        .node-id-20{
+            .field--name-field-partenaires{    // page partenaires
+                .paragraph--type--partenaire{
+                    display: flex;
+                    flex-direction: column;
+                }
+            }
+        } 
+
+    }
+    .path-frontpage{
+        .view-display-id-block_2:is(.view-id-home_nodes){    // home présentation programme
+            .node-type-static{
+                width: 70%;
+                // margin: auto;
+                div:first-child:not(.field__item):not(.field){
+                display: flex;
+                flex-direction: column;
+                }
+                .field--name-field-accroche{
+                    p{
+                        width: 100%;
+                    }
+        
+                }
+            }
+        }
+    }
+        
+      
+}    

+ 1 - 1
web/themes/custom/eql/scss/pages/_partenaires.scss

@@ -1,7 +1,7 @@
 .node-id-20{
 
     background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
-    background-repeat: no-repeat;
+    background-repeat: repeat;
     background-position-y: 7rem;
     max-width: 100vw;
     background-size: contain;

+ 2 - 2
web/themes/custom/eql/scss/pages/_static.scss

@@ -2,12 +2,12 @@
 
 .layout__region--top{               //bandeau titre page static
     padding-bottom: 3rem;
-    height: 300px;
+    height: 30vh;
 
     .block-entity-fieldnodetitle{
         width: fit-content;
         margin-left: 13%;
-        margin-top: 200px;
+        margin-top: 15vh;
     }
     .block-entity-fieldnodefield-images{
         display: none;

+ 1 - 0
web/themes/custom/eql/scss/styles.scss

@@ -9,6 +9,7 @@
 @import "global/_layout";
 
 @import "global/_typography";
+@import "global/_mediaqueries";
 
 
 /*pages*/