Browse Source

header responsive

ouidade 10 months ago
parent
commit
284ca4d5e6

+ 61 - 60
web/themes/custom/colloque2024/css-compiled/index.css

@@ -598,6 +598,64 @@ header #block-colloque2024-mainnavigation ul li {
       font-size: 0.7rem;
       color: #038788; }
 
+#mainHome {
+  max-width: 100vw;
+  margin: 0;
+  display: flex; }
+  #mainHome .layout-content {
+    margin: auto;
+    max-width: 1140px; }
+
+#block-colloque2024-renderedsitesettingsblock-6 {
+  display: flex;
+  margin: auto; }
+  #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    margin: auto; }
+    @media screen and (max-width: 550px) {
+      #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
+        display: flex;
+        flex-direction: column; } }
+    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
+      font-size: 7rem;
+      font-family: 'Mariannebold';
+      line-height: 95%;
+      grid-column: 1 / span 5;
+      grid-row: 2;
+      margin-bottom: 2rem; }
+      @media screen and (max-width: 550px) {
+        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
+          font-size: 3.5rem;
+          order: 3; } }
+    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
+      grid-column: 1 / 4;
+      grid-row: 3;
+      font-size: 2.5rem; }
+      @media screen and (max-width: 550px) {
+        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
+          font-size: 1.5rem;
+          order: 4; } }
+    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
+      text-transform: uppercase;
+      font-family: 'Mariannebold';
+      font-size: 3.5rem;
+      grid-column: 5 / span 7;
+      grid-row: 3; }
+      @media screen and (max-width: 550px) {
+        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
+          font-size: 1.5rem;
+          order: 2; } }
+    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
+      text-transform: uppercase;
+      grid-column: 5 / span 7;
+      grid-row: 1;
+      font-size: 2rem; }
+      @media screen and (max-width: 550px) {
+        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
+          font-size: 1.5rem;
+          order: 1; } }
+
 #block-colloque2024-views-block-dernieres-publications-block-1 .views section:not(.wrap_head),
 #block-colloque2024-views-block-slide-interviews-block-1 .views section:not(.wrap_head) {
   margin: 1rem 0; }
@@ -698,64 +756,6 @@ header #block-colloque2024-mainnavigation ul li {
   #block-colloque2024-views-block-slide-programme-block-1 {
     margin-top: 0; } }
 
-#mainHome {
-  max-width: 100vw;
-  margin: 0;
-  display: flex; }
-  #mainHome .layout-content {
-    margin: auto;
-    max-width: 1140px; }
-
-#block-colloque2024-renderedsitesettingsblock-6 {
-  display: flex;
-  margin: auto; }
-  #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    margin: auto; }
-    @media screen and (max-width: 550px) {
-      #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
-        display: flex;
-        flex-direction: column; } }
-    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
-      font-size: 7rem;
-      font-family: 'Mariannebold';
-      line-height: 95%;
-      grid-column: 1 / span 5;
-      grid-row: 2;
-      margin-bottom: 2rem; }
-      @media screen and (max-width: 550px) {
-        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
-          font-size: 4.5rem;
-          order: 3; } }
-    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
-      grid-column: 1 / 4;
-      grid-row: 3;
-      font-size: 2.5rem; }
-      @media screen and (max-width: 550px) {
-        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
-          font-size: 1.5rem;
-          order: 4; } }
-    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
-      text-transform: uppercase;
-      font-family: 'Mariannebold';
-      font-size: 3.5rem;
-      grid-column: 5 / span 7;
-      grid-row: 3; }
-      @media screen and (max-width: 550px) {
-        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
-          font-size: 1.5rem;
-          order: 2; } }
-    #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
-      text-transform: uppercase;
-      grid-column: 5 / span 7;
-      grid-row: 1;
-      font-size: 2rem; }
-      @media screen and (max-width: 550px) {
-        #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
-          font-size: 1.5rem;
-          order: 1; } }
-
 #block-colloque2024-views-block-slide-interviews-block-1 {
   display: none; }
 
@@ -1026,8 +1026,9 @@ header {
       header .row {
         padding-left: 20px;
         flex-wrap: nowrap; } }
-    @media screen and (max-width: 550px) {
+    @media screen and (max-width: 350px) {
       header .row {
+        padding-left: 10px;
         flex-wrap: nowrap; } }
     header .row #block-colloque2024-logorepublique, header .row #block-colloque2024-logoepau {
       max-height: inherit; }
@@ -1047,7 +1048,7 @@ header {
                 object-fit: contain; } }
             @media screen and (max-width: 550px) {
               header .row #block-colloque2024-logorepublique > div a img, header .row #block-colloque2024-logoepau > div a img {
-                width: 100px;
+                width: 85px;
                 object-fit: contain; } }
       header .row #block-colloque2024-logorepublique.is-active, header .row #block-colloque2024-logoepau.is-active {
         z-index: 10000; }

+ 3 - 2
web/themes/custom/colloque2024/css/components/header/header.scss

@@ -9,7 +9,8 @@ header{
       padding-left: 20px;
       flex-wrap: nowrap;
     }
-    @media screen and (max-width: 550px) {
+    @media screen and (max-width: 350px) {
+      padding-left: 10px;
       flex-wrap: nowrap;
     }
 
@@ -31,7 +32,7 @@ header{
               object-fit: contain;
             }
             @media screen and (max-width: 550px) {
-              width: 100px;
+              width: 85px;
               object-fit: contain;
             }
           }

+ 71 - 74
web/themes/custom/colloque2024/css/pages/front.scss

@@ -93,6 +93,77 @@ header {
   }
 }
 
+#mainHome{
+  max-width: 100vw;
+  margin: 0;
+  display: flex;
+  .layout-content{
+    margin: auto;
+    // height: 1500px;
+    max-width: 1140px;
+  }
+}
+
+#block-colloque2024-renderedsitesettingsblock-6{
+  display: flex;
+  margin: auto;
+  .site_setting_entity{
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    margin: auto;
+    // width: 90%;
+    @media screen and (max-width: 550px) {
+      display: flex;
+      flex-direction: column;
+    }
+    div:nth-of-type(1){
+      font-size: 7rem;
+      font-family: 'Mariannebold';
+      line-height: 95%;
+      grid-column: 1 / span 5;
+      grid-row: 2;
+      margin-bottom: 2rem;
+      @media screen and (max-width: 550px) {
+       font-size: 3.5rem;
+       order: 3;
+      }
+      @media  (min-width: 300px) {
+        
+      }
+    }
+    div:nth-of-type(2){
+      grid-column: 1 / 4;
+      grid-row: 3;
+      font-size: 2.5rem;
+      @media screen and (max-width: 550px) {
+        font-size: 1.5rem;
+        order: 4;
+       }
+    }
+    div:nth-of-type(4){
+      text-transform: uppercase;
+      font-family: 'Mariannebold';
+      font-size: 3.5rem;
+      grid-column: 5 / span 7;
+      grid-row: 3;
+      @media screen and (max-width: 550px) {
+        font-size: 1.5rem;
+        order: 2;
+       }
+    }
+    div:nth-of-type(3){
+      text-transform: uppercase;
+      grid-column: 5 / span 7;
+      grid-row: 1;
+      font-size: 2rem;
+      @media screen and (max-width: 550px) {
+        font-size: 1.5rem;
+        order: 1;
+       }
+    }
+  }
+}
+
 #block-colloque2024-views-block-dernieres-publications-block-1,
 #block-colloque2024-views-block-slide-interviews-block-1 {
   .views {
@@ -211,82 +282,8 @@ header {
 
 ///changement 2024
 
-#mainHome{
-  max-width: 100vw;
-  margin: 0;
-  display: flex;
-  .layout-content{
-    margin: auto;
-    // height: 1500px;
-    max-width: 1140px;
-  }
-}
-
-#block-colloque2024-renderedsitesettingsblock-6{
-  display: flex;
-  margin: auto;
-  .site_setting_entity{
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    margin: auto;
-    // width: 90%;
-    @media screen and (max-width: 550px) {
-      display: flex;
-      flex-direction: column;
-    }
-    div:nth-of-type(1){
-      font-size: 7rem;
-      font-family: 'Mariannebold';
-      line-height: 95%;
-      grid-column: 1 / span 5;
-      grid-row: 2;
-      margin-bottom: 2rem;
-      @media screen and (max-width: 550px) {
-       font-size: 4.5rem;
-       order: 3;
-      }
-    }
-    div:nth-of-type(2){
-      grid-column: 1 / 4;
-      grid-row: 3;
-      font-size: 2.5rem;
-      @media screen and (max-width: 550px) {
-        font-size: 1.5rem;
-        order: 4;
-       }
-    }
-    div:nth-of-type(4){
-      text-transform: uppercase;
-      font-family: 'Mariannebold';
-      font-size: 3.5rem;
-      grid-column: 5 / span 7;
-      grid-row: 3;
-      @media screen and (max-width: 550px) {
-        font-size: 1.5rem;
-        order: 2;
-       }
-    }
-    div:nth-of-type(3){
-      text-transform: uppercase;
-      grid-column: 5 / span 7;
-      grid-row: 1;
-      font-size: 2rem;
-      @media screen and (max-width: 550px) {
-        font-size: 1.5rem;
-        order: 1;
-       }
-    }
-  }
-}
 
 
-
-#txt_present{
-  .medias{
-  // display: none;
-  }
-}
-
 #block-colloque2024-views-block-slide-interviews-block-1{
   display: none;
 }