diff --git a/src/components/Blog.js b/src/components/Blog.js
index b119f76..42eb365 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -16,14 +16,14 @@ export default class Blog extends Component {
}
let posts = this.props.posts.map((post) =>
-
+
+
+ {post.published}
+ |
+
+ {post.title}
+ |
+
)
return (
@@ -31,9 +31,11 @@ export default class Blog extends Component {
diff --git a/src/components/Blog.scss b/src/components/Blog.scss
index 5c85921..1f4510a 100644
--- a/src/components/Blog.scss
+++ b/src/components/Blog.scss
@@ -1,29 +1,21 @@
@import "../static/stylesheets/variables.scss";
-.post {
- display: inline-block;
- float: left;
- span {
- margin-right: 30px;
- }
- a {
- color: $blue;
- text-decoration: none;
- text-transform: capitalize;
- font-family: $font-header;
- font-size: 1.2em;
- }
+.postDate {
+ margin-right: 50px;
+}
+
+.postTitle {
+ color: $blue;
+ text-decoration: none;
+ text-transform: capitalize;
+ font-family: $font-header;
+ font-size: 1.2em;
}
.postsWrapper {
margin-top: 20px;
}
-.postHeader {
- overflow: hidden;
- padding: 0 5px 0 5px;
-}
-
.postListItem {
margin: 8px;
}
diff --git a/src/components/Post.scss b/src/components/Post.scss
index e3ea681..a1c7091 100644
--- a/src/components/Post.scss
+++ b/src/components/Post.scss
@@ -2,6 +2,9 @@
.postContent {
clear: both;
+ h1,h2,h2,h4,h5,h6 {
+ color: $black;
+ }
}
.postDate {