home page

web_main/themes/custom/mathallo/assets/scss/main.scss

@@ -82,12 +82,13 @@ header[role="banner"]{
 
     >div#burger-btn{
       position:relative;
+      transition-duration: 0.5s;
+      top: 8.5px;
       &, &::before, &::after{
         // position: absolute;
         width:20px; height:3px;
         background-color: $bleu_site;
       }
-      top: 8.5px;
       &::before, &::after{
         content: "";
         position: absolute;
@@ -101,7 +102,6 @@ header[role="banner"]{
         bottom: 6px;
       }
 
-      transition-duration: 0.5s;
       &[opened]{
         transform: rotate(90deg);
       }
@@ -117,10 +117,10 @@ header[role="banner"]{
       width:100vw;
       height: 0;
       overflow: hidden;
+      transition-duration: 0.5s;
       &[opened]{
         height: calc(100vh - $header_height);
       }
-      transition-duration: 0.5s;
       &>nav{
         padding-top: 10px;
         background-color: #fff;
@@ -148,6 +148,9 @@ header[role="banner"]{
           display: block;
           font-size: 0.756em;
           padding:0 0 0.25em 0;
+          &:has(+ a:hover){
+            color: $rose;
+          }
         }
         a{
           font-size: 1.13em;
@@ -175,12 +178,12 @@ header[role="banner"]{
           justify-content: flex-end;
           list-style: none;
           li{
-            &:not(:last-child){
-            }
             margin-right: 1em;
             background-color: $bleu_site;
             color: #fff;
             padding:0.5em 1em;
+            &:not(:last-child){
+            }
           }
         }
       }
@@ -193,6 +196,7 @@ main[role="main"]{
   div.layout-content{
     padding:5em 0;
     article{
+      position: relative;
       background-color: #fff;
       padding:2em;
       box-shadow: 0 0 10px rgba(0,0,0,0.25);
@@ -203,6 +207,36 @@ main[role="main"]{
         @include titre_h2;
         margin:0;
       }
+      div.field-chapitre-num{
+        background-color: $bleu_site;
+        color: #fff;
+        display: inline-flex;
+        gap: 0.5em;
+        padding: 0.5em 1em;
+        // transform: translateY(-3em);
+        position: absolute;
+        top:-1em;
+        &>*{
+          font-weight: 600;
+        }
+      }
+
+    }
+    // HOME
+    div.views-home-chapitres{
+      display: flex;
+      gap: 2em;
+      padding:1em;
+      >.views-row{
+        max-width: 700px;
+
+        article.node-type-chapitre{
+          h2{
+            @include titre_h3;
+          }
+        }
+      }
+
     }
   }
 }