Browse Source

fine tunning

Bachir Soussi Chiadmi 1 month ago
parent
commit
77154f04a3

File diff suppressed because it is too large
+ 14 - 15
web/themes/custom/materiotheme/assets/dist/main.css


+ 55 - 36
web/themes/custom/materiotheme/assets/styles/main.scss

@@ -33,6 +33,13 @@ aside.messages{
 
 header[role="banner"]{
   padding:0.2em 0 0 0;
+
+  %header-fs{
+    font-size: 0.9em;
+    // line-height: 1;
+    font-weight: 400;
+  }
+
   #block-sitebranding{
     h1{
       margin:0;
@@ -42,12 +49,13 @@ header[role="banner"]{
 
   #block-userlogin{
     position: relative;
-    width:8em;
+    // width:8em;
+    padding:0 1em;
     overflow: visible;
     h2{
+      @extend %header-fs;
+      line-height: 1.38;
       margin: 0;
-      font-size: 1em;
-      font-weight: 400;
     }
     &>section{
       background-color: #fff;
@@ -117,6 +125,7 @@ header[role="banner"]{
     }
   }
 
+  // menu
   #block-header{
     margin-right: 1em;
     padding-left: 1em;
@@ -125,6 +134,9 @@ header[role="banner"]{
       margin:0;
       li{
         padding:0;
+        a{
+          @extend %header-fs;
+        }
       }
     }
   }
@@ -254,46 +266,53 @@ aside.messages{
 // |  _| '_/ _ \ ' \  _|
 // |_| |_| \___/_||_\__|
 
-%part-centered-layout{
-  padding:1.5em 0;
-  background-color: #fff;
-  >div:nth-child(1){
-    width:80%;
-    margin: 0 auto;
-    text-align: center;
-    .field__label{
-      font-size: 3em;
-    }
-    .field__item{
-      font-size: 0.9em;
-      line-height: 1.3;
+article.node--type-frontpage{
+
+  %front-col-field__label{
+    font-size: 3.5em;
+    line-height: 1;
+  }
+  %front-col-descritpion{
+    font-size: 0.9em;
+    line-height: 1.3;
+  }
+
+  %part-centered-layout{
+    padding:1.5em 0;
+    background-color: #fff;
+    >div:nth-child(1){
+      width:80%;
+      margin: 0 auto;
+      text-align: center;
+      .field__label{
+        @extend %front-col-field__label;
+      }
+      .field__item{
+        @extend %front-col-descritpion;
+      }
     }
   }
-}
 
-%part-columned-layout{
-  display:grid;
-  grid-template-columns: 300px 1fr;
-  grid-column-gap: 2em;
-  padding:2em 1em;
-  >div:nth-child(1){
-    color: #fff;
-    grid-column: 1;
-    .field__label{
-      font-size: 3em;
-      line-height: 0.9
+  %part-columned-layout{
+    display:grid;
+    grid-template-columns: 300px 1fr;
+    grid-column-gap: 2em;
+    padding:2em 1em;
+    >div:nth-child(1){
+      color: #fff;
+      grid-column: 1;
+      .field__label{
+        @extend %front-col-field__label;
+      }
+      .field__item{
+        @extend %front-col-descritpion;
+      }
     }
-    .field__item{
-      font-size: 0.9em;
-      line-height: 1.3;
+    >div:nth-child(2){
+      grid-column: 2;
     }
   }
-  >div:nth-child(2){
-    grid-column: 2;
-  }
-}
 
-article.node--type-frontpage{
   .node__content{
 
     &>section{