Updated hero spacing

muuvmuuv · Feb 4, 2020 · 037f3f8 · 037f3f8
1 parent afecf44
commit 037f3f8
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 13 deletions.
diff --git a/src/pages/404.jsx b/src/pages/404.jsx
@@ -21,10 +21,7 @@ class Page extends React.Component {
   render() {
     return (
       <>
-        <Head
-          pageName={this.state.pageName}
-          bodyClasses="header-fixed header-click-through"
-        />
+        <Head pageName={this.state.pageName} bodyClasses="header-float" />
 
         <div id="hero" className="content-center size-medium">
           <div className="container">

diff --git a/src/pages/changelog.jsx b/src/pages/changelog.jsx
@@ -33,7 +33,7 @@ class Page extends React.Component {
 
     return (
       <>
-        <Head pageName={this.state.pageName} bodyClasses="page header-fixed hero-small" />
+        <Head pageName={this.state.pageName} bodyClasses="page header-float" />
 
         <HeroPage title={this.state.pageName} />
 

diff --git a/src/pages/todo.jsx b/src/pages/todo.jsx
@@ -33,7 +33,7 @@ class Page extends React.Component {
 
     return (
       <>
-        <Head pageName={this.state.pageName} bodyClasses="page header-fixed" />
+        <Head pageName={this.state.pageName} bodyClasses="page header-float" />
 
         <HeroPage title={this.state.pageName} />
 

diff --git a/src/styles/components/_overlay.scss b/src/styles/components/_overlay.scss
@@ -1,7 +1,7 @@
 #overlay {
   display: none;
   position: fixed;
-  z-index: 20;
+  z-index: 10;
   top: 0;
   left: 0;
   width: 100%;

diff --git a/src/styles/layouts/_article.scss b/src/styles/layouts/_article.scss
@@ -1,6 +1,6 @@
 #article {
-  padding-top: var(--spacing-xl);
-  padding-bottom: var(--spacing-xl);
+  padding-top: var(--spacing-md);
+  padding-bottom: var(--spacing-md);
 
   @include breakpoint-up(lg) {
     padding-top: var(--spacing-xxl);

diff --git a/src/styles/layouts/_hero.scss b/src/styles/layouts/_hero.scss
@@ -29,11 +29,12 @@
       padding-top: 100px;
       padding-bottom: var(--spacing-md);
 
-      @include breakpoint-up(sm) {
-        padding-top: 150px;
+      @include breakpoint-up(md) {
+        padding-top: 120px;
       }
 
-      @include breakpoint-up(xl) {
+      @include breakpoint-up(lg) {
+        padding-top: 150px;
         padding-bottom: var(--spacing-md);
       }
     }

diff --git a/src/styles/pages/_home.scss b/src/styles/pages/_home.scss
@@ -11,6 +11,14 @@
   }
 
   main {
-    padding-top: 120px;
+    padding-top: 40px;
+
+    @include breakpoint-up(md) {
+      padding-top: 60px;
+    }
+
+    @include breakpoint-up(lg) {
+      padding-top: 120px;
+    }
   }
 }