From 0cb9284d51b16d192f42e2d2a4c12a2911668b2e Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Fri, 10 Mar 2017 19:26:11 +0100
Subject: 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.
---
 blog/_assets/stylesheets/_post.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'blog/_assets/stylesheets/_post.scss')

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;
+            }
+        }
+    }
 }
-- 
cgit v1.2.3