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/_header.scss | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

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

diff --git a/blog/_assets/stylesheets/_header.scss b/blog/_assets/stylesheets/_header.scss
index 7998bb5..fc93a19 100644
--- a/blog/_assets/stylesheets/_header.scss
+++ b/blog/_assets/stylesheets/_header.scss
@@ -1,20 +1,33 @@
 #header {
     width: 100%;
-    font-size: 110%;
-    font-weight: 600;
+    font-weight: bold;
 
     #logo {
-        position: relative;
-        width: 479px;
         text-align: center;
+        float: left;
         p {
             margin-top: 0;
         }
+
+        @media screen and (min-width: 28cm) {
+            width: 50%; //479px;
+        }
     }
 
     #banner-pos-1 {
-        position: absolute;
-        top: 1.5em;
-        right: 0;
+        text-align: center;
+        float: left;
+        visibility: hidden;
+        display: none;
+
+        @media screen and (min-width: 28cm) {
+            width: 50%; //479px;
+            visibility: visible;
+            display: block;
+        }
+    }
+
+    #page-menu {
+        clear: both;
     }
 }
-- 
cgit v1.2.3