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}
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 = ({
- {date} - posted by{' '}
- {author.name}
+ {date} av {author.name}