From fea8b646afcb1483fa4e6ab772ed52ca56aa9b52 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Wed, 30 Jan 2019 15:42:59 +0100
Subject: [PATCH] blog and header progress

---
 src/components/PostList.js |  5 +----
 src/css/base.scss          |  6 ------
 src/css/blog.scss          |  4 ++++
 src/css/header.scss        | 12 +++++++++---
 src/css/variables.scss     |  4 +++-
 src/templates/post.js      |  3 +--
 6 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/PostList.js b/src/components/PostList.js
index cb762ce..e2cde46 100644
--- a/src/components/PostList.js
+++ b/src/components/PostList.js
@@ -20,10 +20,7 @@ export default class IndexPage extends React.Component {
                   {post.title}
                 </Link>
                 <div className="post-meta">
-                  {post.date} - posted by{' '}
-                  <Link to={`/author/${post.author.slug}`}>
-                    {post.author.name}
-                  </Link>
+                  {post.date}
                 </div>
               </header>
               <div>
diff --git a/src/css/base.scss b/src/css/base.scss
index bf846cd..9270691 100644
--- a/src/css/base.scss
+++ b/src/css/base.scss
@@ -2,12 +2,6 @@
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  &:focus {
-    outline: none;
-    padding-bottom: 0.1rem;
-    margin-bottom: 0.1rem;
-    border-bottom: 1px solid $color-link;
-  }
 }
 
 html {
diff --git a/src/css/blog.scss b/src/css/blog.scss
index 875f957..8c01e27 100644
--- a/src/css/blog.scss
+++ b/src/css/blog.scss
@@ -97,12 +97,16 @@
   .section-title {
     font-size: 4rem;
     line-height: 1.14;
+    @media (max-width: $media-s) {
+      font-size: 2.6rem;
+    }
   }
   .post-meta, .section-title {
     max-width: $width-l;
     margin: 0 auto 1rem;
   }
   .post-meta {
+    margin-bottom: 3rem;
     p {
       margin-left: 0;
     }
diff --git a/src/css/header.scss b/src/css/header.scss
index 9d813a6..43ecf11 100644
--- a/src/css/header.scss
+++ b/src/css/header.scss
@@ -2,6 +2,7 @@
   padding: 1rem 2rem;
   background: $color-black;
   display: flex;
+  justify-content: space-between;
 }
 
 .logo {
@@ -15,11 +16,16 @@
 
 .site-nav {
   display: block;
-  height: 100%;
   a {
     text-decoration: none;
     display: inline-block;
-    vertical-align: middle;
-    margin-right: 1rem;
+    margin-right: 1.6rem;
+
+    color: $color-white;
+    font-weight: 500;
+
+    &:hover {
+      color: $color-orange;
+    }
   }
 }
\ No newline at end of file
diff --git a/src/css/variables.scss b/src/css/variables.scss
index 9212a5b..88c97c7 100644
--- a/src/css/variables.scss
+++ b/src/css/variables.scss
@@ -16,4 +16,6 @@ $color-hover: $color-yellow;
 $width-xs: 24rem;
 $width-s: 32rem;
 $width-m: 42rem;
-$width-l: 54rem;
\ No newline at end of file
+$width-l: 54rem;
+
+$media-s: 700px;
\ No newline at end of file
diff --git a/src/templates/post.js b/src/templates/post.js
index f25ad27..294b047 100644
--- a/src/templates/post.js
+++ b/src/templates/post.js
@@ -19,8 +19,7 @@ export const BlogPostTemplate = ({
       </h1>
       <div className="post-meta">
         <p>
-          {date} - posted by{' '}
-          <Link to={`/author/${author.slug}`}>{author.name}</Link>
+          {date} av <Link to={`/author/${author.slug}`}>{author.name}</Link>
         </p>
       </div>
       <div className="post-content" dangerouslySetInnerHTML={{ __html: content }} />