From dd2247464993c4af63db47e9623419d5e5325807 Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@jones.dk>
Date: Tue, 12 Apr 2016 21:29:24 +0200
Subject: Narrow viewport: Farbar and sidebar placed (full-width) below
 content.

---
 style.scss | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

(limited to 'style.scss')

diff --git a/style.scss b/style.scss
index 3086086..7e0cc7f 100644
--- a/style.scss
+++ b/style.scss
@@ -251,7 +251,7 @@ body {
 	width: 68%;
 	max-width: 72em;
 //	margin: 2% ($blockMid-marginRight + $blockRight-fullwidth) 2% ($blockMid-marginLeft + $blockLeft-fullwidth);
-	margin: 0:
+	margin: 0;
 	padding: 1em 2%;
 	text-align: left;
 	background-color: none;
@@ -411,6 +411,28 @@ th {
 	}
 }
 
+@media screen and (max-width: 480px) {
+	#content {
+		width: 100%;
+		margin: 0;
+		padding: 0 2%;
+	}
+	.columns {
+		@include column-count(1);
+	}
+	.inlinepage {
+		margin: 0;
+	}
+	.farbar {
+		width: 100%;
+		margin-left: 0;
+	}
+	.sidebar {
+		width: 100%;
+		margin-left: 0;
+	}
+}
+
 .farbar p i {
 	font-size: 0.8em;
 	line-height: 1em;
-- 
cgit v1.2.3