css home

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

@@ -1,9 +1,3 @@
-@font-face {
-    font-family: 'Font Awesome';
-    src: url('../fonts/Font Awesome/fontawesome-webfont.woff2') format('woff2');
-    font-weight: 400;
-    font-style: normal;
-}
 
 /*marianne*/
 
@@ -104,21 +98,11 @@
     font-style: italic;
 }
 
-
-/* Source Code Pro */
+/*Font Awesome*/
 
 @font-face {
-    font-family: 'Source Code Pro';
-    src: url('../fonts/source-code-pro/SourceCodePro-Medium.otf.woff2') format('woff2'),
-         url('../fonts/source-code-pro/SourceCodePro-Medium.otf.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Source Code Pro';
-    src: url('../fonts/source-code-pro/SourceCodePro-Bold.otf.woff2') format('woff2'),
-         url('../fonts/source-code-pro/SourceCodePro-Bold.otf.woff') format('woff');
-    font-weight: 1000;
+    font-family: 'Font Awesome';
+    src: url('../fonts/Font Awesome/fontawesome-webfont.woff2') format('woff2');
+    font-weight: 400;
     font-style: normal;
 }

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

@@ -1,7 +1,12 @@
 
 
 .layout-container {
+    position: relative;
+    width: 100vw;
+    background-color: $background-home;
     font-family: 'Marianne';
+    font-weight: 400;
+    font-style: normal;
     margin: none;
     top: 0%;
     left: 0%;
@@ -21,6 +26,7 @@
         flex: 0 0 100%;
     }
 }
+
 .layout-content{
     padding-top: 7rem;
     padding-bottom: 6rem;
@@ -29,6 +35,8 @@
 main{
     width: 100%;
 }
+
 .main-content{
     margin-top: 7rem;
 }
+

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

@@ -0,0 +1,9 @@
+ul{
+    list-style-type: none;
+}
+a{
+    text-decoration: none;
+}    
+:link{
+    color: black;
+}

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

@@ -0,0 +1,12 @@
+
+// home 
+.field--type-link{
+    width: 45%;
+    text-transform: uppercase;
+    padding: 1rem;
+    border: solid black 1px;
+    margin-bottom: 1rem;
+    background-color: white;
+}
+
+

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

@@ -1,5 +1,5 @@
 
-/* Colors used for EQL */
+/* Colors used for REHA */
 
 
 

web/themes/custom/reha/scss/pages/_home.scss

@@ -0,0 +1,16 @@
+.layout--onecol{
+    width: 70%;
+    margin: auto;
+    font-size: 1.5rem;
+    font-weight: 400;
+    font-style: normal;
+    .block-region-content{
+
+        .block-block-content1ca95211-9fa2-4ef2-a460-8184d1eaf20f{
+            display: flex;
+            justify-content: flex-end;        }
+        .block-block-content1dd151e8-8a8b-4586-9e62-8905ba0c93e0{
+            display: flex;
+            justify-content: flex-end;        }
+    }
+}

web/themes/custom/reha/scss/partials/_footer.scss

@@ -4,12 +4,16 @@ footer{
 
     // flex-direction: row;
     background-color: white;
-    // padding-top: 3rem;
+    font-family: "Marianne";
+    font-weight: 800;
+    
     div{
         display: flex;
         flex: 1 1 120px;
         flex-direction: row;
-
+        h2{
+            font-family: 'Marianne';
+        }
     }
 }
 
@@ -17,18 +21,20 @@ footer{
 
 }
 
-#block-reha-pieddepage{
-    font-family: 'Marianne-Bold';
+#block-reha-pieddepage {
+    // background-color: yellowgreen;
+    // font-family: 'Marianne';
+    font-size: 1.5rem;
 
 }
 
 #block-reha-operateurduprogramme{
     display: flex;
     flex-direction: column;
-    border-left: #fdc300 solid 1px;
-    border-right: #fdc300 solid 1px;
+    border-left: #fdc300 solid 5px;
+    border-right: #fdc300 solid 5px;
     padding-left: 3rem;
-    font-family: 'Marianne-Bold';
+    // font-family: 'Marianne';
 
 }
 

web/themes/custom/reha/scss/partials/_header.scss

@@ -1,9 +1,4 @@
 
-.layout-container{
-    position: relative;
-    width: 100vw;
-    background-color: rgba(153, 147, 174, 0.1);
-
 
     header{                       
         display: block;
@@ -26,7 +21,6 @@
     }
 
     
-}
 
 
 

web/themes/custom/reha/scss/reha.scss

@@ -1,11 +1,17 @@
 /*reha*/
 
 /*global*/
-@import "global/_fonts.scss";
-@import "global/_layout.scss";
-// @import "global/variables/_typography.scss";
-@import "global/variables/_colors.scss";
+@import "global/variables/_colors";
+@import "global/variables/_typography.scss";
+@import "global/_fonts";
+@import "global/_layout";
+@import "global/_reset";
+
+@import "global/variables/_buttons.scss";
+
 
 /*partials*/
-@import "partials/_header.scss";
-@import "partials/_footer.scss";
+@import "partials/_header";
+@import "partials/_footer";
+
+@import "pages/_home";