commit 5dba4775ab813d681239b0f398212f774db3246a
author Giulio Fidente <gfidente@fedoraproject.org> Wed Mar 27 01:00:02 2013 +0100
committer Giulio Fidente <gfidente@fedoraproject.org> Wed Mar 27 01:00:02 2013 +0100
tree 0c77b35a6c268a3792543b7f91400575e56b70ad
parent c96544f0c2889bfb4894aea8a8f6f7377dd15435

uses ems instead of px for font-size

static/css/style.less

diff --git a/static/css/style.less b/static/css/style.less
index 1e3f128..0888f99 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -13,7 +13,7 @@
   background-color: @white;
   color: @dark-grey;
   font-family: 'PT Sans', sans-serif;
-  font-size: 16px;
+  font-size: 1em;
 }
 
 a {
@@ -49,12 +49,12 @@
     font-family: 'PT Serif', serif;
 
     h1 {
-      font-size: 30px;
+      font-size: 1.875em;
       font-weight: normal;
     }
   
     h2 {
-      font-size: 12px;
+      font-size: 0.75em;
       font-weight: normal;
     }
   
@@ -89,7 +89,7 @@
     border-bottom: @light-grey 1px solid;
 
     h3 {
-      font-size: 12px;
+      font-size: 0.75em;
       text-transform: uppercase;
     }
   }
@@ -99,33 +99,33 @@
     max-width: 672px;
 
     h1 {
-      font-size: 24px;
+      font-size: 1.5em;
     }
 
     h2 {
-      font-size: 22px;
+      font-size: 1.375em;
     }
 
     h3 {
-      font-size: 20px;
+      font-size: 1.25em;
     }
 
     h4 {
-      font-size: 18px;
+      font-size: 1.125em;
     }
 
     h5 {
-      font-size: 16px;
+      font-size: 1em;
     }
 
     h6 {
-      font-size: 12px;
+      font-size: 0.75em;
     }
 
     code {
       padding: 2px;
       color: @black;
-      font-size: 14px;
+      font-size: 0.875em;
       font-family: 'PT Mono', monospace;
       background: @light-grey;
     }
@@ -134,10 +134,10 @@
       padding-left: 5px;
       color: @black;
       border-left: 5px solid @accent;
-      font-size: 14px;
+      font-size: 0.875em;
       font-family: 'PT Mono', monospace;
       background: @light-grey;
-      line-height: 20px;
+      line-height: 1.25em;
     }
 
     blockquote {
@@ -145,16 +145,16 @@
       color: @med-grey;
     }
 
-    h1#article_title{
+    div#article_title{
       a {
-        font-size: 28px;
+        font-size: 1.75em;
       }
     }
 
     div#article_text {
       margin: 0;
       padding: 0;
-      line-height: 26px;
+      line-height: 1.625em;
       a {
         text-decoration: underline;
       }
@@ -163,7 +163,7 @@
     div#article_meta {
       margin: 0;
       padding: 0;
-      font-size: 10px;
+      font-size: 0.625em;
       color: @med-grey;
     }
   }
@@ -178,7 +178,7 @@
       .border-radius(20px);
       text-transform: uppercase;
       color: @accent;
-      font-size: 20px;
+      font-size: 1.25em;
       &:hover {
         color: @white;
         background-color: @accent;