makes font system a little more modern

meodai · Nov 10, 2015 · 2af82fe · 2af82fe
1 parent 2f4e33c
commit 2af82fe
Showing 1 changed file with 7 additions and 6 deletions.
diff --git 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 {