From f8912d84ebb811ef691a225313caf187dff3a7cb Mon Sep 17 00:00:00 2001
From: Benjamin Franzke <benjaminfranzke@googlemail.com>
Date: Mon, 4 Jul 2016 07:59:48 +0200
Subject: Cheap responsive implementation

---
 style/style.css | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

(limited to 'style/style.css')

diff --git a/style/style.css b/style/style.css
index 3de0a10..53a5cdb 100644
--- a/style/style.css
+++ b/style/style.css
@@ -311,3 +311,57 @@ footer p a {
         font-size: 0.875em;
         color: #555;
 }
+
+@media (max-width: 75em) {
+        header, nav, main, footer {
+                width: 62em;
+                max-width: 62em;
+        }
+}
+
+@media (max-width: 64em) {
+        header, nav, main, footer {
+                width: 100%;
+                max-width: 100%;
+                padding-left: 1em;
+                padding-right: 1em;
+        }
+        header {
+                padding-top: 1em;
+        }
+        header .h1 {
+                font-size: 1.5em;
+        }
+        header .h2 {
+                font-size: 1.3em;
+        }
+        header svg {
+                width: 3em;
+                height: 3em;
+                float: left;
+        }
+        main {
+                flex-direction: column;
+        }
+
+        aside {
+                padding-left: 0;
+        }
+
+        nav > ul > li {
+                float: none;
+                width: 100%;
+        }
+        nav > ul > li + li {
+                padding-left: 0;
+        }
+        img.left {
+                float: none;
+                margin-right: 0;
+        }
+
+        img.right {
+                float: none;
+                margin-left: 0;
+        }
+}
-- 
cgit