site pilote

web/themes/custom/reha/scss/global/_layout.scss

@@ -40,7 +40,15 @@ $width-menu-slidedown : 550px;
     @media (max-width:500px) {
        padding-top: 0;
     }
-
+    .layout__region--first{
+        flex: 0 1 25%;
+    }
+    .layout__region--second{
+        flex: 0 1 75%;
+        &.view-id-home{
+            margin: 0;
+        }
+    }
         
 }
 
@@ -77,4 +85,8 @@ main{
 
 #block-reha-titredepage{
     display: none;
+}
+
+p{
+    background-color: transparent;
 }

web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -13,16 +13,17 @@
     
 }
 
-// %hoveryellow{
-//     :hover{
-//         background-color: $yellow-puca;
-//     }
-// }
+%hoveryellow{
+    :hover{
+        background-color: $yellow-puca;
+    }
+}
 
 
 .field--type-link {
     @extend %buttonwithborder;
     width: fit-content;
+    padding: 0.4rem;
 
 }
 .bouton{
@@ -62,14 +63,16 @@
     display: none;
 }
 
-#edit-submit:hover{
-    background-color: $yellow-puca;
-}
-.views-field-edit-node:hover{
-    background-color: $yellow-puca;
-}
-.form-submit:hover{
-    background-color: $yellow-puca;
 
+.views-field-edit-node:hover,
+.field--name-field-lien:hover,
+#edit-submit:hover,
+.form-submit:hover,
+.field--type-link:hover,
+.field--type-file:hover{
+    background-color: $yellow-puca;
 }
+ 
+
+
 

web/themes/custom/reha/scss/global/variables/mixin.scss

@@ -7,4 +7,37 @@
       transition: 0.3s transform ease, 0.3s box-shadow ease;
     }
   }
-  
+  
+@mixin node-site {
+  h2{
+    order: 2;
+    margin: 0;
+  }
+  .field--name-field-numero-site {
+      order: 1;
+      text-transform: uppercase;
+      font-size: 2rem;
+  }
+  .field--name-field-adresse-site{
+      order: 3;
+      font-size: 1.5rem;
+      .address{
+          margin: 0;
+          display: inline-flex;
+          .postal-code{
+              order: 2;
+          }
+          .locality{
+              order: 1;
+              text-transform: capitalize;
+              margin-right: 0.5rem;
+          }
+          .country{
+              display: none;
+          }
+      }
+  }
+  .field--name-field-architecte{
+      order: 4;
+  }
+}