From 66be1311a50f65ccd13b501d4a4f34c7453fefb4 Mon Sep 17 00:00:00 2001
From: Johannes Löthberg <johannes@kyriasis.com>
Date: Sun, 27 Nov 2016 13:45:28 +0100
Subject: Resize rems to 100% root font-size rather than pixel-ish
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Johannes Löthberg <johannes@kyriasis.com>
---
 templates/layout.html | 37 +++++++++++++++++--------------------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/templates/layout.html b/templates/layout.html
index 4a64690..30ac0be 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -5,11 +5,8 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 {% block head %}{% endblock %}
 		<style>
-html {
-	font-size:62.5%;
-}
 body {
-	max-width: 60rem;
+	max-width: 37.5rem;
 }
 a, a:visited {
 	text-decoration: none;
@@ -24,7 +21,7 @@ header nav ul {
 }
 header nav ul li {
 	display: inline;
-	margin-right: 0.5rem;
+	margin-right: 0.3125rem;
 }
 header nav a, header nav a:visited {
 	color: #444;
@@ -33,24 +30,24 @@ header nav a:hover {
 	color: #111;
 }
 .padded-box {
-	font-size: 1.6rem;
-	padding-left: 1rem;
-	padding-right: 1rem;
+	font-size: 1rem;
+	padding-left: 0.625rem;
+	padding-right: 0.625rem;
 }
 hr {
-	margin-top: 2rem;
-	margin-bottom: 2rem;
+	margin-top: 1.25rem;
+	margin-bottom: 1.25rem;
 }
 article header h1 {
-	margin-top: 2rem;
-	margin-bottom: 0.5rem;
+	margin-top: 1.25rem;
+	margin-bottom: 0.3125rem;
 }
 article p {
 	white-space: pre-wrap;
 	text-align: justify;
 }
 #tags {
-	padding-bottom: 0.25rem;
+	padding-bottom: 0.15625rem;
 }
 #post-nav {
 	padding-bottom: 0rem;
@@ -62,26 +59,26 @@ ul#archive-list {
 ul#tag-list,
 ul.contact-addresses {
 	list-style-type: circle;
-	padding-left: 2rem;
+	padding-left: 1.25rem;
 }
 footer#bottom div {
-	margin-bottom: 0.25rem;
+	margin-bottom: 0.15625rem;
 }
 footer#bottom p#copy {
 	margin: 0rem;
-	padding-top: 0.25rem;
-	padding-bottom: 0.25rem;
+	padding-top: 0.15625rem;
+	padding-bottom: 0.15625rem;
 }
 footer#bottom ul#contact-info {
 	margin: 0;
 	padding: 0rem;
-	padding-top: 0.25rem;
-	padding-bottom: 0.25rem;
+	padding-top: 0.15625rem;
+	padding-bottom: 0.15625rem;
 	list-style-type: none;
 }
 footer#bottom ul#contact-info li {
 	display: inline;
-	margin-right: 0.25rem;
+	margin-right: 0.15625rem;
 }
 		</style>
 	</head>
-- 
cgit v1.2.3-54-g00ecf