PX sizes => EM

diff --git a/panikweb_templates/static/css/style.less b/panikweb_templates/static/css/style.less
index 857b6dab4fde10b315bf30024c0a98438eeb32b5..6507c75496e92a0db678d8521c3f99b6fefce931 100644 (file)
--- a/panikweb_templates/static/css/style.less
+++ b/panikweb_templates/static/css/style.less
@@ -5,7 +5,7 @@
 @blue: #0000FF;
 @white: #FFFFFF;
 
-/* SIZES*/
+/* SIZES
 
 @xxs: 8px;
 @xs: 10px;
@@ -15,6 +15,15 @@
 @xl: 36px;
 @xxl: 60px;
 @xxxl: 80px;
+*/
+@xxs: 0.667em;
+@xs: 0.833em;
+@s: 1em;
+@m: 1.33em;
+@l: 1.66em;
+@xl: 3em;
+@xxl: 5em;
+@xxxl: 6.667em;
 
 @player-width: 210px;
 @content-width: 498px;
@@ -25,6 +34,17 @@
 @import "forms";
 @import "tags";
 
+body {
+    background-color: @white;
+    color: #000305;
+    font-size: 12px;
+    font-family: RE01;
+    line-height: 1.5;
+    text-align: left;
+    margin:@l+5px auto;
+    /*padding: 0px 10px;*/
+    clear: both;
+}
 /* Mixins & USEFUL CLASSES */
 .squash(@x, @y: 1) {
     transform: scale(@x, @y);
@@ -109,17 +129,6 @@ nav.menu li{
 }
 /* GLOBAL STYLES */
 
-body {
-    background-color: @white;
-    color: #000305;
-    font-size: @s;
-    font-family: RE01;
-    line-height: 1.5;
-    text-align: left;
-    margin:@l+5px auto;
-    /*padding: 0px 10px;*/
-    clear: both;
-}
 #main {padding:2em 1em;}
 
 /* GLOBAL SITE NAV */