First attempt at responsive design for site.

- Droppped sidebar from all pages.
- Wrapped post images in a div for easier styling.
- Drop the Inferno banner on too small displays.

Most stuff works quite well for a first attempt, mthinks.

1 files changed, 23 insertions, 0 deletions

diff --git a/blog/_assets/stylesheets/_post.scss b/blog/_assets/stylesheets/_post.scss
index 436b828..b2e737f 100644
--- a/blog/_assets/stylesheets/_post.scss
+++ b/blog/_assets/stylesheets/_post.scss
@@ -49,4 +49,27 @@
       visibility: hidden;
       clear: both;
     }
+    .post-image {
+        text-align: center;
+        float: right;
+
+        @media screen and (max-width: 590px){
+            float: none;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}
+
+.post-excerpt {
+    .post-body {
+        .post-image {
+            @media screen and (min-width: 500px) {
+                float: right;
+                width: 300px;
+            }
+        }
+    }
 }