💄 Header styles

staart · Oct 16, 2019 · ffd9a71 · ffd9a71
1 parent d686b4e
commit ffd9a71
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@staart/site",
-  "version": "0.9.23",
+  "version": "0.9.24",
   "main": "dist/index.js",
   "repository": "[email protected]:staart/site",
   "author": "Anand Chowdhary <[email protected]>",

diff --git a/src/index.html b/src/index.html
@@ -17,7 +17,7 @@
   <body>
     <a href="#content" class="skip-link">Skip to main content</a>
     <header>
-      <div>
+      <div class="masthead">
         <a href="/" class="logo">
           {{#if icon_white}}
           <img class="icon" alt="" src="{{ icon_white }}" />

diff --git a/src/style.scss b/src/style.scss
@@ -82,9 +82,12 @@ main {
 
 header {
   text-align: center;
-  background-color: $theme;
-  color: $light-color;
-  padding: 7.5vh 0 0 0;
+  .masthead {
+    background-color: $theme;
+    color: $light-color;
+    padding: 6vh 0;
+    max-width: 100%;
+  }
   a {
     display: inline-block;
     color: inherit;
@@ -94,7 +97,6 @@ header {
     }
   }
   nav {
-    margin-top: 5vh;
     padding: 1rem 0;
     background-color: whitesmoke;
     color: $text-color;