From 2af82fe51f41d95cb8c0f902cabe823736467286 Mon Sep 17 00:00:00 2001
From: David Aerne <meodai@gmail.com>
Date: Tue, 10 Nov 2015 01:38:55 +0100
Subject: [PATCH] makes font system a little more modern

---
 .theme/style.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/.theme/style.css b/.theme/style.css
index 716e90d..7ce8175 100644
--- a/.theme/style.css
+++ b/.theme/style.css
@@ -11,6 +11,7 @@ body {
     font-family: 'Roboto', sans-serif;
     background: #333;
     font-size: 1em;
+    font-size: calc(0.25vh + 0.25vw + 0.85em);
     padding: 10px;
     font-weight: 100;
 }
@@ -74,12 +75,12 @@ a[href$="/"],a[href$="/"],a.link--breadcrumb {
     content: "";
     top: 0; left: 0; bottom: 0;
     width: 1em;
-    background: -moz-linear-gradient(left, rgb(45,45,45) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(45,45,45)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(left, rgb(45,45,45) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(left, rgb(45,45,45) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(left, rgb(45,45,45) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
-    background: linear-gradient(to right, rgb(45,45,45) 0%,rgba(0,0,0,0) 100%); /* W3C */
+    background: -moz-linear-gradient(left, rgba(45,45,45,1) 0%, rgba(45,45,45,0) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(45,45,45,0))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(left, rgba(45,45,45,1) 0%,rgba(45,45,45,0) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(left, rgba(45,45,45,1) 0%,rgba(45,45,45,0) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(left, rgba(45,45,45,1) 0%,rgba(45,45,45,0) 100%); /* IE10+ */
+    background: linear-gradient(to right, rgba(45,45,45,1) 0%,rgba(45,45,45,0) 100%); /* W3C */
 }
 @media only screen and (max-width : 400px) {
     .header {