build

royalfig · Apr 17, 2021 · 9137b5d · 9137b5d
1 parent 745a750
commit 9137b5d
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 20 deletions.
diff --git a/assets/built/critical.css b/assets/built/critical.css
diff --git a/assets/built/critical.css.map b/assets/built/critical.css.map
diff --git a/default.hbs b/default.hbs
diff --git a/home.hbs b/home.hbs
@@ -25,11 +25,13 @@ into the {body} of the default.hbs template --}}
     }
 </style>
 {{/if}}
-<header class="hero">
-    <div class="hero__text-container">
-        <h1 class="hero__site-title">{{@site.title}}</h1>
-        <p class="hero__site-description">{{@site.description}}
-        </p>
+<header class="hero main__outer-container">
+    <div class="inner-container--hero">
+        <div class="hero__text-container">
+            <h1 class="hero__site-title">{{@site.title}}</h1>
+            <p class="hero__site-description">{{@site.description}}
+            </p>
+        </div>
     </div>
 </header>
 

diff --git a/src/scss/layout/_container.scss b/src/scss/layout/_container.scss
@@ -31,6 +31,13 @@
   max-width: variables.$laptop;
   margin: 0 auto 1rem;
 
+  &--hero {
+    @extend .inner-container;
+    position: relative;
+    height: 100%;
+    margin-bottom: 0;
+  }
+
   &--footer {
     @extend .inner-container;
   }

diff --git a/src/scss/pages/_hero.scss b/src/scss/pages/_hero.scss
@@ -26,20 +26,9 @@
   &__text-container {
     position: absolute;
     top: 50%;
-    left: 50%;
     width: 100%;
-    max-width: variables.$laptop;
-    padding: 1rem;
 
-    @include mixins.respond-between(variables.$tablet, variables.$laptop) {
-      padding: 1rem 3rem 2rem;
-    }
-
-    @include mixins.respond-above(variables.$laptop) {
-      padding: 0;
-    }
-
-    transform: translate(-50%, -50%);
+    transform: translateY(-50%);
   }
 
   &__site-title {