diff --git a/src/components/Blog.js b/src/components/Blog.js
index a202144..e72091f 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -18,21 +18,11 @@ export default class Blog extends Component {
let posts = this.props.posts.map((post) =>
)
@@ -41,7 +31,9 @@ export default class Blog extends Component {
diff --git a/src/components/Blog.scss b/src/components/Blog.scss
index 9a9a96f..5c85921 100644
--- a/src/components/Blog.scss
+++ b/src/components/Blog.scss
@@ -1,38 +1,29 @@
@import "../static/stylesheets/variables.scss";
-.postTitle {
+.post {
+ display: inline-block;
float: left;
- h3 {
- font-weight: normal
+ span {
+ margin-right: 30px;
+ }
+ a {
+ color: $blue;
+ text-decoration: none;
+ text-transform: capitalize;
+ font-family: $font-header;
+ font-size: 1.2em;
}
}
-.postDate {
- float: right;
- h3 {
- font-weight: normal
- }
+.postsWrapper {
+ margin-top: 20px;
}
.postHeader {
- background-color: #F5F5F5;
overflow: hidden;
padding: 0 5px 0 5px;
}
-.postSummary {
- clear: both;
- padding: 0 5px 0 5px;
-}
-
.postListItem {
- margin-top: 20px;
- border-style: solid;
- border-width: 0 0 3px 0;
- border-color: $black;
-}
-
-.postListFooter {
- text-align: center;
- padding-bottom: 5px;
+ margin: 8px;
}
diff --git a/src/static/stylesheets/content.scss b/src/static/stylesheets/content.scss
index dd016aa..785304d 100644
--- a/src/static/stylesheets/content.scss
+++ b/src/static/stylesheets/content.scss
@@ -4,10 +4,13 @@
display: inline-block;
overflow: auto;
padding: 20px;
- max-width: 960px;
a {
color: $blue;
}
+ width: 100%;
+ @media (min-width: 992px) {
+ width: 960px;
+ }
}
.content {
diff --git a/src/static/stylesheets/variables.scss b/src/static/stylesheets/variables.scss
index 4d16c03..5d2334e 100644
--- a/src/static/stylesheets/variables.scss
+++ b/src/static/stylesheets/variables.scss
@@ -3,5 +3,6 @@ $font-paragraph: 'Open Sans', sans-serif;
$white: #fdfdfd;
$black: #2f2f2f;
$blue: #144A98;
+$grey: #A9A9A9;
$break-medium: 768px;
$break-large: 1200px;
diff --git a/src/utils/compiler.js b/src/utils/compiler.js
index 42188ce..ca39d1b 100644
--- a/src/utils/compiler.js
+++ b/src/utils/compiler.js
@@ -48,7 +48,7 @@ function compilePost(filepath, data, fileData, callback) {
}
const post = {
- published: published.format('MMMM Do YYYY'),
+ published: published.format('MMMM DD, YYYY'),
filename: metadata.filename,
title: frontMatter.attributes.title,
summary: frontMatter.attributes.summary,