2.0.1

Author: mblode

CHANGELOG.md

@@ -1,3 +1,9 @@
+# v2.0.1
+## 02/18/2016
+
+1. [](#bugfix)
+    * Fix sidebar
+
 # v2.0.0
 ## 02/18/2016
 

blueprints.yaml

@@ -1,5 +1,5 @@
 name: Medium
-version: 2.0.0
+version: 2.0.1
 description: Medium is a simple and modern blogging theme based on Medium's design language, built for Grav CMS.
 icon: globe
 author:

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "grav-theme-medium",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "authors": [
     "Matthew Blode"
   ],

dist/styles/app.css

@@ -3938,37 +3938,32 @@ blockquote > blockquote > blockquote {
       text-decoration: underline; }
 
 .infinite-scroll {
-  margin: 0; }
+  padding: 0; }
 
-@media screen and (min-width: 64em) {
+@media screen and (min-width: 40em) {
   .infinite-scroll {
-    margin-right: 350px; } }
+    padding-left: 15px;
+    padding-right: 15px; } }
 
 .post-list {
-  margin-top: 10px;
-  margin-bottom: 10px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.0392157);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.03);
-  border-radius: 3px; }
+  border-radius: 3px;
+  margin-bottom: 15px;
+  margin-top: 5px; }
+  .post-list a {
+    color: #333;
+    display: block; }
+  .post-list img {
+    display: block;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    max-height: 240px;
+    width: auto; }
 
 .post-list--data {
-  padding: 15px 0; }
-
-@media screen and (min-width: 40em) {
-  .post-list--data {
-    padding: 15px; } }
-
-.post-list a {
-  color: #333;
-  display: block; }
-
-.post-list img {
-  display: block;
-  margin-bottom: 10px;
-  margin-top: 10px;
-  max-height: 240px;
-  width: auto; }
+  padding: 15px; }
 
 .post {
   margin-top: 20px; }
@@ -4052,15 +4047,6 @@ blockquote > blockquote > blockquote {
   height: 100px;
   width: 100px; }
 
-.sidebar {
-  width: 350px;
-  display: inline-block;
-  padding-left: 15px; }
-
-.sidebar--inner {
-  padding-left: 15px;
-  padding-right: 15px; }
-
 .sidebar--heading {
   margin-top: 40px;
   font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;

dist/styles/app.min.css

@@ -1,6 +1,6 @@
 {
   "name": "grav-theme-medium",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Medium is a simple and modern blogging theme based on Medium's design language, built for Grav CMS.",
   "main": "gulpfile.js",
   "devDependencies": {},

package.json

@@ -47,7 +47,7 @@
 @import 'base/defaults';
 @import 'base/typography';
 
-@import 'templates/post-list';
+@import 'templates/blog';
 @import 'templates/post';
 
 @import 'partials/navigation';

src/styles/app.scss

@@ -1,14 +1,3 @@
-.sidebar {
-  width: 350px;
-  display: inline-block;
-  padding-left: 15px;
-}
-
-.sidebar--inner {
-  padding-left: 15px;
-  padding-right: 15px;
-}
-
 .sidebar--heading {
   margin-top: 40px;
   font-family: $default-font-family;

src/styles/partials/_sidebar.scss

@@ -0,0 +1,36 @@
+.infinite-scroll {
+  padding: 0;
+}
+
+@include breakpoint(medium) {
+  .infinite-scroll {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
+
+.post-list {
+  background-color: $white;
+  border: 1px solid rgba(0, 0, 0, .0392157);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, .025), 0 1px 4px rgba(0, 0, 0, .03);
+  border-radius: 3px;
+  margin-bottom: 15px;
+  margin-top: 5px;
+
+  a {
+    color: $black;
+    display: block;
+  }
+
+  img {
+    display: block;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    max-height: 240px;
+    width: auto;
+  }
+}
+
+.post-list--data {
+  padding: 15px;
+}