Transparent header

dav1312 · dav1312 · commit 9e9f8f06d41c · 2024-05-07T11:11:57.000+02:00
diff --git a/assets/scss/components/_header.scss b/assets/scss/components/_header.scss
@@ -1,9 +1,7 @@
 .header {
-  background-color: $green3;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
   padding: 10px 0px;
   .container {
     display: flex;
diff --git a/assets/scss/components/_intro.scss b/assets/scss/components/_intro.scss
@@ -2,9 +2,8 @@
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  padding-top: 60px;
-  overflow: hidden;
   text-align: center;
+  min-height: calc(100vh - 60px);
   @include media-breakpoint-up(md) {
     text-align: initial;
   }
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -100,7 +100,6 @@ body:after {
 .grid {
   position: relative;
   background-image: url('/images/grid.svg');
-  min-height: 90vh;
   background-size: 500px 500px;
 }
 .grid::before {
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -45,7 +45,7 @@
 
 <body class='page {{ block "body_classes" . }}{{ end }}'>
   {{ partial "main-menu-mobile.html" . }}
-  <div class="wrapper">
+  <div class="wrapper grid">
     {{ partial "header.html" . }}
     {{ block "main" . }}
     {{ end }}
diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html
@@ -48,7 +48,7 @@
 
 <body class='page {{ block "body_classes" . }}{{ end }}'>
   {{ partial "main-menu-mobile.html" . }}
-  <div class="wrapper">
+  <div class="wrapper grid">
     {{ partial "header.html" . }}
     {{ block "main" . }}
     {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
@@ -22,7 +22,7 @@
 {{ end }}
 
 {{ define "main" }}
-<div class="intro grid">
+<div class="intro">
   <div class="container">
     <div class="row justify-content-start">
       <div class="col-12 col-md-7 col-lg-8 col-xl-7 order-2 order-md-1">

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,6 @@ body:after {`
`100`	`100`	`.grid {`
`101`	`101`	`position: relative;`
`102`	`102`	`background-image: url('/images/grid.svg');`
`103`		`- min-height: 90vh;`
`104`	`103`	`background-size: 500px 500px;`
`105`	`104`	`}`
`106`	`105`	`.grid::before {`